SVG Graphics - Tutorial Part 12




Home

Downloads

Links

Message Board

News

Search Engines

Documentation

About this Site

E-Mail Me

Column Separation
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!

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.

| Home | | Downloads | | Links | | Message Board | | News | | Search Engines |
| Documentation | | About this Site | | E-Mail Me |