1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
|
<svg id="svgelem" height="400" width="500" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="gradient1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(200,200,200); stop-opacity:0" />
<stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:1" />
</radialGradient>
<radialGradient id="gradient2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:red; stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(100,100,100); stop-opacity:1" />
</radialGradient>
</defs>
<circle cx="100" cy="100" r="100" fill="red"
style="stroke:blue;stroke-width:2;fill:url(#gradient2)" />
<rect id="redrect" x="200" y="0" width="200" height="200" fill="green"
style="stroke:yellow;stroke-width:2" />
<ellipse cx="450" cy="100" rx="50" ry="100"
style="stroke:gray;stroke-width:2;fill:url(#gradient1)" />
<polygon points="20,290 170,220, 110,350" fill="magenta"
style="stroke:cyan;stroke-width:2" />
<line x1="25" y1="225" x2="175" y2="375"
style="stroke:purple;stroke-width:2" />
<polyline points="200,210 200,270 300,230 300,350 410,300 450,380" fill="white"
style="stroke:purple;stroke-width:2" />
</svg>
|