title: SVG Transformations in JavaScript
body: <p>SVG Transformations can be done through JavaScript by settings their corresponding attributes <code>setAttribute("transform", "translate(x,y)")</code> but should also be possible through <em>pure</em> JavaScript.</p>
  
  <pre><code>elem.transform.baseVal.getItem(0).setTranslate(x, y);
  elem.transform.baseVal.getItem(0).setRotate(x, y);
  </code></pre>
  
  <p>These two should work for translation and rotation, but how about skewing, scaling and matrix? <code>elem.transform.baseVal.getItem(0).setMatrix()</code> exists, but as far as I can tell, it doesn't excepts any params and <code>SVGCreateMatrix()</code> does not accept any params either. How am I supposed to do this, and as a bonus question: what does <code>getItem(0)</code> actually do? </p>