具有嵌入式CSS动画的SVG在iOS10和ios11之间的行为不同



我有一个基本的SVG日志,并嵌入其中我有一些简单的CSS动画。它正在旋转一个物体,并使旋转的中心为中心。

它在iOS10中的Chrome/Safari上看起来和工作正常,但是当您在ios11 Safari中打开它时,旋转完全是疯狂的。

谁能帮助建议为什么/如何适应它?

可以在这里看到徽标:

http://www.mediplacements.com/live2/img/logotest.svg

当某种看似标准的东西在较旧的浏览器上工作而不是在较新的浏览器上工作时,您应该检查元素遵守标准。W3C验证器表示您的SVG中有3个错误;修复它们后,您应该再试一次。

编辑:好的,现在已修复。您是否检查过Safari 11中的SVG动画错误?我只是尝试了链接的问题中建议的内容,并将其修复。只需添加变换框:填充框;对于您的CSS。

它告诉野生动物园在标准的不确定点上表现得像铬

fyi,您描述的问题也发生在Firefox上。

最新更新