使用svg for Microsoft Edge复制剪辑路径：多边形

由于Microsoft Edge无法识别属性

clip path:polygon

，因此我在某个地方读到，我应该使用SVG图像来实现这一点

这是我的原始代码：

-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);

以下是我试图使其与Edge一起工作的尝试：

clip-path: url('#myclippath');

以及div旁边的svg：

不在边缘。您必须在SVG中编写整个内容，因为在仅限边缘的剪辑路径中，路径只对SVG元素起作用。我同意Robert Longson提出的用SVG编写整个内容的建议。IE和Edge不支持剪辑路径，但新的MS Edge（chromium）将支持它。