SVG Graphics - Tutorial Part 11



My Menu

Main Page

Downloads

Links

News

Search Engines

Documentation

About this Site

Privacy

Accessibility

Site Map

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!

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 rect4.svg

| Home | | Main Page | | Downloads | | Links | | News | | Search Engines | | Documentation | | About this Site | | Privacy | | Accessibility | | Site Map | | E-Mail Me |

Graphical Backgrounds
| Part 1 | | Part 2 | | Part 3 | | Part 4 |

Tutorial
| Part 1 | | Part 2 | | Part 3 | | Part 4 | | Part 5 | | Part 6 | | Part 7 | | Part 8 | | Part 9 | | Part 10 | | Part 11 | | Part 12