SVG Coordinate Systems

The coordinate system used in SVG is potentially complicated. You may want to skim or skip this section on your first read through the book and return to study it later. Understanding SVG coordinate systems isn’t a straightforward process.

This section tries to help you understand some key points, which you use in examples in later chapters. If you want to make maximum use of SVG visual components as reusable graphics components, you need at least some understanding of the SVG coordinate system.

Earlier in this chapter, I showed you a nested <svg> element but didn’t discuss in detail its impact. One implication is that a nested <svg> element opens a new coordinate system within it, which is responsible for the useful effect ...

Get Designing SVG Web Graphics 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.