12 Other Vector Graphic Shapes

12.1 Introduction

SVG contains the following set of predefined graphic objects:

Mathematically, these shape elements are exactly equivalent to the cubic bezier path objects that would construct the same shape. They may be stroked, filled and used as clip paths, and all the properties described above for paths apply equally to them.

For example, the following will draw a blue circle with a red outline:

<circle style="fill: blue; stroke: red"
        cx="200" cy="200" r="100"/>

(More detailed descriptions will come later.)