Hour 4. Document Layout

Having just learned how to view your SVG content, you are now ready to begin creating SVG. Before diving right into drawing SVG content, though, you will need to learn the basics of SVG document construction.

Although SVG document layout and construction is a bit unique, it shares some similarities with both HTML and traditional graphics applications (two very dissimilar environments). To help familiarize you with how SVG documents are created, you will be introduced to the following during this hour:

  • SVG's coordinate system

  • Units of measurement

  • The purpose and use of the viewBox

  • Creating a resizable document

With these lessons, you'll have the information needed for when you begin drawing shapes and artwork in the next chapters. ...

Get Sams Teach Yourself SVG in 24 Hours now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.