SVG contains the following set of predefined graphic objects:
- <rect/> (a rectangle with an optional rounding attribute);
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.)