SVG safari 中的奇怪线条

Question

有谁知道为什么这个 SVG：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 412" fill="none">
<path id="path1" d="M0 130L192 89L384 64L576 57L768 125L960 37L1152 99L1344 0L1536 124L1728 131L1920 36V412H1728H1536H1344H1152H960H768H576H384H192H0V130Z" fill="url(#paint0_linear_1186_28)" fill-opacity="0.4"/>
<path id="path2" d="M0 142L192 131L384 122L576 162L768 116L960 102L1152 176L1344 123L1536 186L1728 76L1920 103V412H1728H1536H1344H1152H960H768H576H384H192H0V142Z" fill="url(#paint0_linear_1186_28)" fill-opacity="0.4"/>
<path id="path3" d="M0 234L192 194L384 265L576 253L768 252L960 209L1152 218L1344 263L1536 200L1728 260L1920 223V412H1728H1536H1344H1152H960H768H576H384H192H0V234Z" fill="url(#paint0_linear_1186_28)" fill-opacity="0.4"/>
<path id="path4" d="M0 274L192 331L384 325L576 303L768 269L960 330L1152 310L1344 297L1536 308L1728 331L1920 320V412H1728H1536H1344H1152H960H768H576H384H192H0V274Z" fill="url(#paint0_linear_1186_28)"/>
<defs>
    <linearGradient id="paint0_linear_1186_28" gradientUnits="userSpaceOnUse">
        <stop offset="0" stop-color="#FF00E5"/>
        <stop offset="1" stop-color="#00E0FF"/>
    </linearGradient>
</defs>
</svg>

在 safari 中间用这条线渲染？

此外，当我尝试向其中添加变形 animation 时，多条线似乎随机出现并且很多。 对此有任何帮助，我将不胜感激。 提前致谢。

Answer 1

通过将 safari 从版本 16.2 更新到 16.3 解决了该问题。 所以问题不在于 SVG，而在于 webkit/safari。