title: SVG polygon points with percentage units support
body: <p>I am trying to have a fluid SVG canvas that can resize easily. So far I'm using percentages everywhere. However it seems like SVG <code>polygon</code> and <code>path</code>s do not support percentages in <code>point</code> attribute. Here's an example: </p>
  
  <p><a href="http://jsfiddle.net/yRbNH/">(jsFiddle)</a></p>
  
  <pre><code>&lt;svg width='90%' height='90%' style='background-color: whitesmoke'&gt;
      &lt;rect x='40%' y='40%' width='25%' height='25%' /&gt;
  
      &lt;polygon points="0,0 0,100 30,20 30,0" /&gt;
      &lt;polygon points="30,0 30,20 60,0 60,0" /&gt;
      &lt;polygon points="60,0 60,0 90,30 90,0" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>However if I start to change numbers in <code>points</code> attribute to percentages it fails with parsing error in console. I am looking for a way to have the polygon that can resize with the <code>&lt;svg&gt;</code> element.</p>