我一直在使用CSS clip-path属性，并使这支笔为徽标设置动画：http://codepen.io/alexcoady/pen/PqJavW。代码绘制了许多div，并根据我生成的某些三角形动态地将clip-path s应用于它们。
这在Chrome中可以正常工作（43.0.2357.124（64位））。
然而，在Safari（8.0.4 + iOS）中，根本没有显示任何内容。打开检查器后，我可以取消选中clip-path属性，然后重新检查它 - 路径可以按预期显示。
我可以做些什么来确保Safari第一次呈现这些路径？
感谢。
答案 0 :(得分：0)
我认为只有Chrome支持动画剪辑路径。
我还搜索了这个问题的解决方案，但我能找到最接近的解决方案，目前只有Chrome可以设置SVGElement点的动画。
以下是寻找解决方案的几个地方。
https://developer.mozilla.org/en-US/docs/Web/CSS/transition-property http://www.w3.org/TR/SVG11/shapes.html#PolygonElement