title: KonvaJS apply transform matrix to React.Shape
body: <p>Given the following rect in SVG.</p>
  
  <pre><code>&lt;rect xmlns="http://www.w3.org/2000/svg" x="72.036" y="156.473" transform="matrix(0.1727 -0.985 0.985 0.1727 -83.7081 215.7814)" style="fill:none;stroke:#020202;stroke-width:0.5;stroke-miterlimit:10;" width="29.129" height="2.498"/&gt;
  </code></pre>
  
  <p>Above rect would like to render accordingly in KonvaJS as a Konva.Rect
  <a href="https://konvajs.github.io/api/Konva.Rect.html" rel="nofollow noreferrer">https://konvajs.github.io/api/Konva.Rect.html</a></p>
  
  <p>Based on decomposition of the matrix the following should be applied:
  translate(-83.7081, 215.781) 
  rotate(-80.0554125754873) 
  scale(1.0000251446838724)</p>
  
  <p>As I understand rotation, scale and skew can be applied but how to apply translate values?
  Should they be added to x and y or to offsetX/offsetY instead?</p>
  
  <p>Or is there a way to apply Transform class to the Rect?</p>
  
  <p>Thank you.</p>