所以我有这个SVG:

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 995.26 1112.58"><defs><style>.cls-1{fill:#fff;}</style></defs>
<title>Artboard 7</title><polygon class="cls-1" points="995.21 335.92 995.21
335.92 798.61 0 111.04 0 0 189.25 540.15 1112.58 540.19 1112.58 995 336.47
995 336.46 995.26 336.01 995.21 335.92"/></svg>


而且我想将该形状用作带有百分比的CSS剪切路径,但是我不知道如何转换这些点,因此它可以在CSS上使用。任何工具或技巧都可以达到目的。

最佳答案

找到解决方案后,我只需要将svg视图框缩放为(0 0 100 100),然后使用该新视图弓重新计算点。例如:第一点是(995.21 * 100)/995.26

关于html - SVG多边形指向CSS剪切路径,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/51237744/

10-13 04:58