title: Svg polygon rounding
body: <p>I am working on an application that is using svg move/rotate/zoom functionalities. I'm programming the back-end in Laravel and the front-end is using html/css/javascript. I've seen on the web that is possible for a polyline to have some sort of cubic-bezier to it. </p>
  
  <p>Now my question is: is it possible for a polygon svg element to have the same cubic-bezier to it as the polyline like in this <a href="http://www.sitepoint.com/html5-svg-cubic-curves/" rel="noreferrer">example</a>?</p>
  
  <p>The structure of the svg looks like is:</p>
  
  <pre><code>&lt;svg&gt;
      &lt;g data-type="track"&gt;
          &lt;polygon class="track" points="2588,851 2537,1157 1796,916 1117,723 0,382 40,80 816,314 1885,638 1887,634"&gt;&lt;/polygon&gt;
          &lt;polygon class="track" points="114,19 73,0 17,497 46,485"&gt;&lt;/polygon&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Is it possible to give the polygon element a cubic bezier so that it can create a fluid polygon instead of the square no-rounded polygon?</p>