My Menu
Main Page
Downloads
Links
News
Search Engines
Documentation
About this Site
Privacy
Accessibility
Site Map
E-Mail Me
Finale
Finally, let's play with the fill colour and try out the opacity of the fill colour.
<rect x="80" y="53" rx="20" ry="20" width="189" height="52" style="fill:rgb(39,44,231);stroke:rgb(0,0,0);stroke-width:3;fill-opacity:0.2" />
This is what it looks like!
If this example does not open in a new window, simply download and save the file with a .svg extension, and then open it. Save it from here rect5.svg
Other basic shapes that you can experiment with are
Rectangle <rect>
Circle <circle>
Ellipse <ellipse>
Line <line>
Polyline <polyline>
Polygon <polygon>
Path <path>
This is only the start of the world of SVG Graphics. Possibly you could try downloading one of the free or trial SVG Ready graphics design packages linked elsewhere on this site, and continue your experimentation of the flexibility of this new web-graphics medium.