Mercurial > hg > digilib-old
view webapp/src/main/webapp/jquery/test1.svg @ 1059:c7fd2f239953
rgb slider: color labels, first step to color indicator
author | hertzhaft |
---|---|
date | Sat, 31 Mar 2012 15:27:20 +0200 |
parents | 6488318df736 |
children |
line wrap: on
line source
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" > <g style="stroke-width: 0.005; fill: none" transform="scale(1000,600)"> <rect x="0.0" y="0.0" width="1.0" height="1.0" style="stroke: red" /> <rect x="0.1" y="0.1" width="0.8" height="0.8" style="stroke: orange" /> <rect x="0.2" y="0.2" width="0.6" height="0.6" style="stroke: yellow" /> <rect x="0.3" y="0.3" width="0.4" height="0.4" style="stroke: green" /> <rect x="0.4" y="0.4" width="0.2" height="0.2" style="stroke: cyan" /> <g style="fill:magenta; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.025" width="0.05" height="0.05"/> <rect x="0.125" y="0.025" width="0.05" height="0.05"/> <rect x="0.225" y="0.025" width="0.05" height="0.05"/> <rect x="0.325" y="0.025" width="0.05" height="0.05"/> <rect x="0.425" y="0.025" width="0.05" height="0.05"/> <rect x="0.525" y="0.025" width="0.05" height="0.05"/> <rect x="0.625" y="0.025" width="0.05" height="0.05"/> <rect x="0.725" y="0.025" width="0.05" height="0.05"/> <rect x="0.825" y="0.025" width="0.05" height="0.05"/> <rect x="0.925" y="0.025" width="0.05" height="0.05"/> </g> <g style="fill:blue; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.125" width="0.05" height="0.05"/> <rect x="0.125" y="0.125" width="0.05" height="0.05"/> <rect x="0.225" y="0.125" width="0.05" height="0.05"/> <rect x="0.325" y="0.125" width="0.05" height="0.05"/> <rect x="0.425" y="0.125" width="0.05" height="0.05"/> <rect x="0.525" y="0.125" width="0.05" height="0.05"/> <rect x="0.625" y="0.125" width="0.05" height="0.05"/> <rect x="0.725" y="0.125" width="0.05" height="0.05"/> <rect x="0.825" y="0.125" width="0.05" height="0.05"/> <rect x="0.925" y="0.125" width="0.05" height="0.05"/> </g> <g style="fill:cyan; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.225" width="0.05" height="0.05"/> <rect x="0.125" y="0.225" width="0.05" height="0.05"/> <rect x="0.225" y="0.225" width="0.05" height="0.05"/> <rect x="0.325" y="0.225" width="0.05" height="0.05"/> <rect x="0.425" y="0.225" width="0.05" height="0.05"/> <rect x="0.525" y="0.225" width="0.05" height="0.05"/> <rect x="0.625" y="0.225" width="0.05" height="0.05"/> <rect x="0.725" y="0.225" width="0.05" height="0.05"/> <rect x="0.825" y="0.225" width="0.05" height="0.05"/> <rect x="0.925" y="0.225" width="0.05" height="0.05"/> </g> <g style="fill:green; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.325" width="0.05" height="0.05"/> <rect x="0.125" y="0.325" width="0.05" height="0.05"/> <rect x="0.225" y="0.325" width="0.05" height="0.05"/> <rect x="0.325" y="0.325" width="0.05" height="0.05"/> <rect x="0.425" y="0.325" width="0.05" height="0.05"/> <rect x="0.525" y="0.325" width="0.05" height="0.05"/> <rect x="0.625" y="0.325" width="0.05" height="0.05"/> <rect x="0.725" y="0.325" width="0.05" height="0.05"/> <rect x="0.825" y="0.325" width="0.05" height="0.05"/> <rect x="0.925" y="0.325" width="0.05" height="0.05"/> </g> <g style="fill:yellow; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.425" width="0.05" height="0.05"/> <rect x="0.125" y="0.425" width="0.05" height="0.05"/> <rect x="0.225" y="0.425" width="0.05" height="0.05"/> <rect x="0.325" y="0.425" width="0.05" height="0.05"/> <rect x="0.425" y="0.425" width="0.05" height="0.05"/> <rect x="0.525" y="0.425" width="0.05" height="0.05"/> <rect x="0.625" y="0.425" width="0.05" height="0.05"/> <rect x="0.725" y="0.425" width="0.05" height="0.05"/> <rect x="0.825" y="0.425" width="0.05" height="0.05"/> <rect x="0.925" y="0.425" width="0.05" height="0.05"/> </g> <g style="fill:orange; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.525" width="0.05" height="0.05"/> <rect x="0.125" y="0.525" width="0.05" height="0.05"/> <rect x="0.225" y="0.525" width="0.05" height="0.05"/> <rect x="0.325" y="0.525" width="0.05" height="0.05"/> <rect x="0.425" y="0.525" width="0.05" height="0.05"/> <rect x="0.525" y="0.525" width="0.05" height="0.05"/> <rect x="0.625" y="0.525" width="0.05" height="0.05"/> <rect x="0.725" y="0.525" width="0.05" height="0.05"/> <rect x="0.825" y="0.525" width="0.05" height="0.05"/> <rect x="0.925" y="0.525" width="0.05" height="0.05"/> </g> <g style="fill:red; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.625" width="0.05" height="0.05"/> <rect x="0.125" y="0.625" width="0.05" height="0.05"/> <rect x="0.225" y="0.625" width="0.05" height="0.05"/> <rect x="0.325" y="0.625" width="0.05" height="0.05"/> <rect x="0.425" y="0.625" width="0.05" height="0.05"/> <rect x="0.525" y="0.625" width="0.05" height="0.05"/> <rect x="0.625" y="0.625" width="0.05" height="0.05"/> <rect x="0.725" y="0.625" width="0.05" height="0.05"/> <rect x="0.825" y="0.625" width="0.05" height="0.05"/> <rect x="0.925" y="0.625" width="0.05" height="0.05"/> </g> <g style="fill:magenta; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.725" width="0.05" height="0.05"/> <rect x="0.125" y="0.725" width="0.05" height="0.05"/> <rect x="0.225" y="0.725" width="0.05" height="0.05"/> <rect x="0.325" y="0.725" width="0.05" height="0.05"/> <rect x="0.425" y="0.725" width="0.05" height="0.05"/> <rect x="0.525" y="0.725" width="0.05" height="0.05"/> <rect x="0.625" y="0.725" width="0.05" height="0.05"/> <rect x="0.725" y="0.725" width="0.05" height="0.05"/> <rect x="0.825" y="0.725" width="0.05" height="0.05"/> <rect x="0.925" y="0.725" width="0.05" height="0.05"/> </g> <g style="fill:blue; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.825" width="0.05" height="0.05"/> <rect x="0.125" y="0.825" width="0.05" height="0.05"/> <rect x="0.225" y="0.825" width="0.05" height="0.05"/> <rect x="0.325" y="0.825" width="0.05" height="0.05"/> <rect x="0.425" y="0.825" width="0.05" height="0.05"/> <rect x="0.525" y="0.825" width="0.05" height="0.05"/> <rect x="0.625" y="0.825" width="0.05" height="0.05"/> <rect x="0.725" y="0.825" width="0.05" height="0.05"/> <rect x="0.825" y="0.825" width="0.05" height="0.05"/> <rect x="0.925" y="0.825" width="0.05" height="0.05"/> </g> <g style="fill:darkgrey; stroke:silver; fill-opacity:0.1; stroke-opacity:0.9"> <rect x="0.025" y="0.925" width="0.05" height="0.05"/> <rect x="0.125" y="0.925" width="0.05" height="0.05"/> <rect x="0.225" y="0.925" width="0.05" height="0.05"/> <rect x="0.325" y="0.925" width="0.05" height="0.05"/> <rect x="0.425" y="0.925" width="0.05" height="0.05"/> <rect x="0.525" y="0.925" width="0.05" height="0.05"/> <rect x="0.625" y="0.925" width="0.05" height="0.05"/> <rect x="0.725" y="0.925" width="0.05" height="0.05"/> <rect x="0.825" y="0.925" width="0.05" height="0.05"/> <rect x="0.925" y="0.925" width="0.05" height="0.05"/> </g> </g> </svg>