Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
Does the order of transform functions matter in SVG transform? For instance if i want to scale a shape but preserving the original coordinates specified in it's translate, would it help to first translate and then scale:
transform="translate(100 100) scale(0.5)"
will change the size but not the 100 100 placement, wheras
transform="scale(0.5) translate(100 100)"
does change both the size and the placement?
SVG transforms are applied in reverse order (e.g right-to-left) as detailed in the W3C spec: https://www.w3.org/TR/css-transforms-1/#svg-transform-functions
"the individual SVG transform functions must get post-multiplied"
