May 2019
Beginner to intermediate
650 pages
14h 50m
English
Matrix transforms are used to scale, translate, skew or rotate any shape or group, or the entire SVG viewport. Transform commands are functions used in the transform XML attribute, in text notation and separated by spaces, for example:
<g transform="translate(100,100) scale(3) rotate(-90)"> … </g>
The order is significant. If you call scale(.5) and then rotate(90), the result will be different if you call them in the reverse order.
In translate(), scale() and skew(), the first parameter is an x coordinate value, and the second, if present, the y coordinate. In rotate(), the first parameter is an angle in degrees, and the next two parameters, if present, are the coordinates of the center of rotation (if not present, the object ...
Read now
Unlock full access