title: Easiest way to convert polygon clip-path to Microsoft Edge supported "clippath" svg?
body: <p>For example, I have a css class with a polygon clip-path applied to it like so: </p>
  
  <pre><code>   .services-image-left {
      -webkit-clip-path: polygon(0 0, 97% 0, 83% 100%, 0% 100%);
      clip-path: polygon(0 0, 97% 0, 83% 100%, 0% 100%); }
  </code></pre>
  
  <p>But I understand for this to work in Edge and IE I need to use the "clippath" property with svg points. Is there an easy way to convert the above polygon to an svg shape and apply it to everything with the .services-image-left class like the above sample? </p>