title: How to set transform origin in SVG
body: <p>I need to resize and rotate certain elements in SVG document using javascript. The problem is, by default, it always applies the transform around the origin at <code>(0, 0)</code> – top left.</p>
  
  <p>How can I re-define this transform anchor point?</p>
  
  <p>I tried using the <code>transform-origin</code> attribute, but it does not affect anything. </p>
  
  <p>This is how I did it:</p>
  
  <pre><code>svg.getDocumentById('someId').setAttribute('transform-origin', '75 240');
  </code></pre>
  
  <p>It does not seem to set the pivotal point to the point I specified although I can see in Firefox that the attribute is correctly set. I tried things like <code>center bottom</code> and <code>50% 100%</code> with and without parenthesis. Nothing worked so far.</p>
  
  <p>Can anyone help?</p>