title: SVG in HTML - re-size paths according to page width
body: <p>I have an SVG element in my document which has 100% width via css. This only re-sizes the svg element; it doesn't resize the paths. Here is my path code:</p>
  
  <pre><code>&lt;path id="quadcurveABC" d="M 0 300 q 300 0 500 -100 l 0 100 z" stroke="black" stroke-width="2" fill="black" /&gt;
  </code></pre>
  
  <p>I need the x-component of <code>M</code> to be lined up against the left side of the screen, which it is, but also I need the 500 of <code>q 300 0 500 -100</code> to be against the right side of the screen. How would I accomplish this?</p>