O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

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

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

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