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>
我希望我可以在移动设备上使它看起来/工作相同