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

Introduction to Transformations

Transformations are distortions to your artwork that are calculated before a viewer renders your SVG document. Thus, a square that is rotated 45° will appear to someone viewing your document as a diamond; unless they examine your code, they will be unaware of the fact that a transformation was applied.

Transformations are applied as attributes to other elements, such as shapes, groups, or instances. Most often you will see a transformation applied to groups surrounding objects or symbol instances to maximize the usefulness of a transform. By modifying a symbol instance instead of the original, your original artwork will retain its intended properties; instances of that artwork can be modified by a transformation ...

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