CSS scale x
CSS scale y
CSS translate x
CSS translate y
CSS skew x
CSS skew y
CSS rotate (-zr_rotation)

Drag to change order:
1 translate 2 rotate 3 skew 4 scale


Test Cases:
  1. scale x and scale y has different sign
  2. skew
  3. 0 1 1 0 100 100

SVG transform: matrix(...)

4

SVG transform: method(...) method(...)

4

Raw HTML Cavas setTransform

ZRender setLocalTransform

ZRender parseSVG with transform: matrix(...)

ZRender parseSVG with transform: method(...) method(...)