Fundamentals of SVG Programming: Concepts to Source Code (Graphics Series)

Summary

This chapter described how to define linear color gradients and radial color gradients, and how to combine these gradients with rectangles. You also saw how to specify CSS attributes for SVG elements, as well as the use of inheritance for propagating attribute values. The examples in this chapter showed you how to use the following SVG elements:

• the SVG defs element for defining color gradients

• the SVG linearGradient element for linear color gradients

• the SVG radialGradient element for radial color gradients

• the SVG polygon element for drawing rectangles

• the SVG polyLine element for drawing rectangles

• the SVG path element for drawing rectangles

• the SVG polygon element for drawing parallelograms

• internal and external stylesheets

• inheriting style attributes