SVG Unleashed

Chapter 3. Basic SVG Elements and Shapes

IN THIS CHAPTER

• The line Element

• The rect Element

• The circle Element

• The ellipse Element

• The polyline Element

• The polygon Element

• Color in SVG

• Gradients in SVG

• SVG Patterns

• SVG DOM Interfaces for the SVG Basic Shapes

• Other SVG DOM Interfaces

SVG provides several elements that describe commonly used graphic shapes.

In this chapter, we will examine six of the SVG elements that provide basic graphic shapes we can use, and reuse, as visual components. In particular, we will examine in detail the following elements and many of their attributes that SVG provides for a developer to modify the visual appearance produced by an SVG rendering engine:

• The line element, which describes a straight line

• The rect element, which describes ...