ZVON > References > Zvon Example Repository
Example repository: index | categories | search

All > SVG > Paint > paint-colIntProp-BE-05


File: paint-colIntProp-BE-05
Author: Tim Thompson
Origin: W3C SVG conformance suite

Rendered imageSVG source
ElementsAttributes
axlink:href |
circlecx | cy | r | style |
defs
descid |
gid | style | transform |
linestyle | transform | x1 | x2 | y1 | y2 |
linearGradientgradientUnits | id | style |
pathd | style |
rectheight | id | style | width | x | y |
stopoffset | style |
svgheight | id | width |
textstyle | x | y |
titleid |

Source

<svg id="svg-root" width="450" height="450" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" >
     <title id="test-title">paint-colIntProp-BE-05</title>
     <desc id="test-desc">Test color interpolation property.</desc>
     <g id="test-body-content">
          <defs>
               <linearGradient id="gradientDefault" gradientUnits="objectBoundingBox">
                    <stop offset="0" style="stop-color:white;"/>
                    <stop offset=".33" style="stop-color:blue;"/>
                    <stop offset=".66" style="stop-color:red;"/>
                    <stop offset="1" style="stop-color:yellow;"/>
               </linearGradient>
               <linearGradient id="gradientSRGB" gradientUnits="objectBoundingBox" style="color-interpolation:sRGB;">
                    <stop offset="0" style="stop-color:white;"/>
                    <stop offset=".33" style="stop-color:blue;"/>
                    <stop offset=".66" style="stop-color:red;"/>
                    <stop offset="1" style="stop-color:yellow;"/>
               </linearGradient>
               <linearGradient id="gradientLinearRGB" gradientUnits="objectBoundingBox" style="color-interpolation:linearRgb;">
                    <stop offset="0" style="stop-color:white;"/>
                    <stop offset=".33" style="stop-color:blue;"/>
                    <stop offset=".66" style="stop-color:red;"/>
                    <stop offset="1" style="stop-color:yellow;"/>
               </linearGradient>
          </defs>
          <text style="font-family:Verdana;font-size:16;text-anchor:middle;" x="225" y="30">Basic test of color-interpolation property.</text>
          <g transform="translate(40, 100)">
               <rect x="0" y="0" width="300" height="40" style="fill:url(#gradientDefault);stroke:black;"/>
               <circle cx="0" cy="-10" r="3" style="fill:white;stroke:black;"/>
               <line x1="0" y1="-7" x2="0" y2="40" style="stroke:black;"/>
               <rect x="48" y="18" width="4" height="4" style="fill:rgb(128, 128, 255);stroke:black;"/>
               <line x1="50" y1="15" x2="50" y2="25" style="stroke:rgb(128, 128, 255);"/>
               <circle cx="100" cy="-10" r="3" style="fill:blue;stroke:black;"/>
               <line x1="0" y1="-7" x2="0" y2="40" style="stroke:black;" transform="translate(100, 0)"/>
               <rect x="148" y="18" width="4" height="4" style="fill:rgb(128, 0, 128);stroke:black;"/>
               <line x1="150" y1="15" x2="150" y2="25" style="stroke:rgb(128, 0, 128);"/>
               <circle cx="200" cy="-10" r="3" style="fill:red;stroke:black;"/>
               <line x1="0" y1="-7" x2="0" y2="40" style="stroke:black;" transform="translate(200, 0)"/>
               <rect x="248" y="18" width="4" height="4" style="fill:rgb(255, 128, 0);stroke:black;"/>
               <line x1="250" y1="15" x2="250" y2="25" style="stroke:rgb(255, 128, 0);"/>
               <circle cx="300" cy="-10" r="3" style="fill:yellow;stroke:black;"/>
               <line x1="0" y1="-7" x2="0" At xsl:element on line 542 of file:/home/www/htdocs/zvon//cgi-bin/HowTo/Output/formatXML_namespaces.xslt: Name contains invalid characters