title: SVG matrix transformation around point x,y
body: <p>I try to make matrix <code>rotation</code>, <code>scale</code> and <code>skew</code> in <code>svg</code> but according/around to point <code>(x,y)</code>. </p>
  
  <p>I try <a href="https://stackoverflow.com/questions/13663343/make-a-svg-transform-matrix-rotate-around-its-center/13665787#13665787">Make a SVG transform matrix rotate around its center</a> but it is working for me when object matrix is <code>[1,0,0,1,0,0]</code> = not edited yet. After I apply first <code>rotation</code> second is unpredictable and rotate all over the place.</p>
  
  <p>Is there anyone who could help me with simple <code>rotation(ANGLE)</code>, <code>scaleX(NUMBER)</code>, <code>scaleX(NUMBER)</code>, <code>skewX(NUMBER)</code> and <code>skewY(NUMBER)</code> operations on matrix when matrix is already transformed and all depend on original point <code>x,y</code>?</p>
  
  <p>Just remember that the matrix is already transformed and next modification will be from the next new matrix after this modification.</p>
  
  <p><code>matrix ( a: 0.9816080331802368, b:-0.1909615695476532, c: 0.1909615695476532, d: 0.9816080331802368, e: 120.33283996582031,f: -21.905738830566406)</code></p>
  
  <ul>
  <li>So how is possible to transform matrix by rotate around some point <code>(x,y)</code>?</li>
  <li>how to scaleX,scaleY with point <code>(x,y)</code> and <code>skewX, skewY</code> as well with original transform in specific <code>(x,y)</code>?</li>
  </ul>
  
  <p>Thank you for any help.</p>