September 2009
Intermediate to advanced
472 pages
16h 45m
English
After the metadata element, the actual visible content of the SVG document starts. As you may have guessed, each document object corresponds to an SVG element. Moreover, the order of the elements in the file corresponds to the order in which objects are visually stacked on the canvas (4.3 Z-Order): Elements closer to the end of the file appear atop those nearer the beginning.
When you group several elements together (4.5 Groups), they are placed inside a g element. For example, here’s a group that contains a rectangle and a text object:
<g id="g2893"> <rect id="rect2310" y="350" x="100" width="300" height="150" style="opacity:1;fill:#ff0000;stroke:#000000;stroke-width:1px;" /> <text id="text2889" y="400" x="200" style="font-size:40px;font-style:normal;font-weight:normal;fill:#000000; ...
Read now
Unlock full access