动画SVG剪辑路径在移动浏览器上不起作用

时间:2019-10-11 23:44:32

标签: svg

SVG剪切路径动画在移动浏览器中不起作用,但在桌面上效果很好。

我99%的确定问题是我没有经验,只需要一点帮助。

https://codepen.io/chulps/pen/MWgNdeB

我希望有人可以帮助我解决此问题,以便动画可以在移动设备上正常播放

我曾尝试做内联剪切路径,但我认为我可能对语法有些困惑。

为了解决这个问题,我所考虑的事情: https://caniuse.com/#feat=css-clip-path Why doesn't CSS clip-path with SVG work in Safari? Safari IOS clip-path does not work

我对这些答案不满意

    <defs>
        <polygon id="SVGID_6_" points="129.8,92.7 136,53 156.5,64.8 144.1,2 114.7,4 91.4,114.9 91.4,159.1 117.9,277.2 145.1,277.2 
            156.5,209.3 133.4,222.6 139.2,175.9 167.8,159.4 156.5,146.3 140.5,155.8 139.9,150.3 156.5,140.4 156.5,133.8 138,122.8 
            138,116.9 156.8,128.1 168,114.8 "/>
    </defs>
    <clipPath id="SVGID_7_">
        <use xlink:href="#SVGID_6_"  style="overflow:visible;"/>
    </clipPath>

我希望我可以在移动设备上使它看起来/工作相同

0 个答案:

没有答案