SVG Graphics - Tutorial Part 8



My Menu

Main Page

Downloads

Links

News

Search Engines

Documentation

About this Site

Privacy

Accessibility

Site Map

E-Mail Me
Column Separation
Of Black and Blue


Next, we can explore the features of the rectangle.

Maybe a colour other than black would be appealing. Maybe blue. Change RECT.SVG to the following, save and refresh your Browser to see the changes.

<rect x="80" y="53" width="189" height="52" style="fill:rgb(39,44,231"/>

Here, style is used to describe the fill colour.

The colour is first described as being fill, and then the colour is specified in RGB format and can equally be used as named or hexadecimal formats, such as "blue" or "#0000FF".

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 rect1.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