title: Disable SVG autoscaling proportionally
body: <p>I use <code>$(window).resize()</code> event to do resizing of a SVG chart I produce with D3. I calculate the width of the parent and set SVG element width equal to it and keep the height the same all the time, so the chart changes in width but stays the same in height.
  I noticed that the actual size of the SVG element is not the same as what's set in the <code>width</code> and <code>height</code> attributes. That makes some content hidden on the bottom if the screen is wide and shows it if the screen is narrow.</p>
  
  <p>How can I make SVG be of the same size as what I set in attributes to make the proportions precise?</p>
  
  <p>Update: The same behaviour can be seen on any SVG image, like this <a href="http://www.svgopen.org/2003/papers/WhyCompileSvg/myButterfly.png" rel="nofollow">http://www.svgopen.org/2003/papers/WhyCompileSvg/myButterfly.png</a>, when you resize the window, it makes the image resize proportionally. I want to disable this behaviour because I set width and height attributes explicitly.</p>