Chapter 2. Getting Started

In This Chapter

  • SVG Document Structure

  • SVG Coordinate System

  • Conclusion

To create an SVG document, you need to know what one looks like! We're going to review some SVG syntax and take a look at creating SVG documents from scratch (using a text editor), with proper document structure.

We'll also cover basic SVG “container elements” for structuring your document and learn about the SVG coordinate system and transformations, the SVG viewport, and the SVG viewBox and preserveAspect-Ratio attributes. Whew! Let's dive in.

Get SVG for Web Developers 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.