例如，我有一个css类，它应用了一个多边形剪辑路径，如下所示:
.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%); }
但是我知道，为了在Edge和IE中工作，我需要使用svg点的“clippath”属性。 有没有一种简单的方法将上面的多边形转换成svg形状，并像上面的示例那样用。services-image-left类将其应用到所有东西上？
转换非常容易。 该CSS剪辑路径的等价物是:
<svg width="0" height="0">
<clipPath id="myclippath" clipPathUnits="objectBoundingBox">
<polygon points="0, 0, 0.97, 0, 0.83, 1.0, 0, 1.0"/>
</clipPath>
</svg>
然后引用:
.services-image-left {
clip-path: url(#myclippath);
...
}
