SVG 多边形指向 CSS 剪辑路径答案

【问题标题】：SVG Polligon points to CSS clip-pathSVG 多边形指向 CSS 剪辑路径
【发布时间】：2018-12-16 16:15:02
【问题描述】：

所以我有这个 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。任何可用于实现此目的的工具或技巧都会很棒。

【问题讨论】：

标签： html css svg sass

【解决方案1】：

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

【讨论】：