Mega Code Archive

 
Categories / XML / SVG
 

Rendering Rectangles with Radial Gradients

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"  "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd"> <svg width="100%" height="100%">   <defs>     <radialGradient id="gradientDefinition"       gradientUnits="userSpaceOnUse">       <stop stop-color="yellow" offset="0%" />       <stop stop-color="black" offset="100%" />     </radialGradient>   </defs>   <rect x="50" y="50" width="400" height="250" stroke-width="4"     stroke="yellow" stroke-dasharray="2 2 2 2"     style="fill:url(#gradientDefinition)" /> </svg>