1

我一直在玩 CSSclip-path属性，并让这支笔为徽标制作动画： http: //codepen.io/alexcoady/pen/PqJavW。该代码绘制了许多 div 并clip-path根据我生成的一些三角形动态地将 s 应用于它们。

这在 Chrome (43.0.2357.124 (64-bit) ) 中按预期工作。

然而，在 Safari (8.0.4 + iOS) 中，什么也没有出现。打开检查器后，我可以取消选中该clip-path属性，然后重新检查它 - 路径按预期可见。

我可以做些什么来确保 Safari 首次呈现这些路径？

谢谢。

4

1 回答 1

0

我相信只有 Chrome 支持动画剪辑路径。

我也搜索过这个问题的解决方案，但我能做的最接近的是，目前只有 Chrome 可以为SVGElement.

这里有几个地方可以寻找解决方案。

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property http://www.w3.org/TR/SVG11/shapes.html#PolygonElement

于 2015-12-10T09:56:05.760 回答