SVG Polligon指向CSS clip-path

Question

所以我有这个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上工作。任何可用来实现这一点的工具或技巧都是很棒的。

Answer 1

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