SVG Graphics - Tutorial Part 11




Home

Downloads

Links

Message Board

News

Search Engines

Documentation

About this Site

E-Mail Me

Column Separation
Rounding the Corner


Maybe rounded corners?

<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"/>

with RX and RY referring to the radii of the corners. Experiment with the numbers, the bigger the number, the more pronounced the corner.

This is what it looks like!

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