title: SVG scaling from center
body: <p>I've been trying to scale my logo on my website so it fills the background. The idea is that the whole browser viewport should "dive" into the center of the logo. To do this I made an SVG file of the logo and included jQuery SVG in my site.</p>
  
  <p>I've begun to get the hang of jQuery SVG animation, but I can't get the whole thing to scale from the center. While researching I came across the idea that one should translate the SVG as it scales, but I haven't quite figured out the algorithm or how to use it with jQuery animate.</p>
  
  <p>If someone can provide an answer I'd be most grateful.</p>
  
  <p>The project is located here (along with the current state of the animation): <a href="http://danieldunderfelt.com" rel="nofollow">http://danieldunderfelt.com</a></p>