Widget:CharlesSVG: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 8: Line 8:


   <body>
   <body>
   <svg height="140" width="500">
   <svg height="140" width="300">
   <ellipse cx="200" cy="80" rx="100" ry="50"
   <ellipse cx="200" cy="80" rx="100" ry="50"
   style="fill:yellow;stroke:purple;stroke-width:2" />
   style="fill:yellow;stroke:purple;stroke-width:2" />
</svg>
</svg>
   <svg height="100" width="100">
   <svg height="100" width="100">
   <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
   <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
</svg>
<svg width="400" height="110">
<svg width="400" height="110">
   <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
   <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>
</svg>
       <!--Red Line via Standard SVG-->
       <!--Red Line via Standard SVG-->
       <div id = "svgRedLine">
       <div id = "svgRedLine">