title: manipulate .svg file using javascript
body: <p>This is my first time working with SVG files and I wasn't able to google the answer for this question. I have a .svg illustration created from Adobe Illustrator. I want to load this image into a web page and be able to manipulate it with javascript. Is there a javascript library that allows me to do this? The library has to work on current mobile devices. Fantasy code that illustrates what I'm trying to do:</p>
  
  <pre><code>&lt;img src="pic.svg" id="pic"/&gt;
  $('#pic').rotate('90')
  $('#pic').scale('200%')
  $('#pic').move(x, y)
  </code></pre>
  
  <p>I know you can manipulate DOM elements like this using javascript, but will the svg image be scaled without distortion? Also, I think SVG has other fancy transformations that javascript doesn't normally support. Ideally, I'd want to use those too.</p>