O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required