When working with SVG, sooner or later the task will be to move an SVG object to a new location, rotate the object, or scale the object. To accomplish these tasks a basic understanding of the SVG coordinate system, including the “canvas”, “viewport”, “viewBox”, and “transform” attributes and how they affect to the targeted SVG element is required. This Technical Note discusses and demonstrates the details of the SVG coordinate system and the rotate and skew values of the transform attribute.

Download Complete Tech Note and Example: Tech Note Document and Demo Database