0

嘿!

我正在重新设计我的网站,我有一堆 svg/css 动画在 chrome 之外中断,我不知道为什么。

它似乎与处理多个嵌套动画和变换原点有关(他们没有处理它们)。

我检查了兼容性-很好,如果浏览器以不同方式处理来源-不。

我没有足够的代表来发布适当的链接(太多)和代码(太长):\ 但如果您能检查该网站,我将非常感激。

预先感谢您为此付出的任何努力。

编辑:固定测试用例http://codepen.io/anon/pen/KJlkb

回答: Firefox 不支持对象的百分比(我不确定,但它似乎只影响路径和 g 元素)。

解决方案:使用像素而不是百分比来制作动画。使用变换原点,就好像它与 SVG 视图框尺寸而不是对象尺寸相关。

感谢Robert Longson让我走上了正确的道路。他的链接在评论中。

4

1 回答 1

0

解答: Firefox 不支持对象的百分比(我不确定,但它似乎只影响路径和 g 元素)。

解决方案:使用像素而不是百分比来制作动画。使用变换原点,就好像它与 SVG 视图框尺寸而不是对象尺寸相关。

修复了测试用例http://codepen.io/anon/pen/KJlkb现在可以在 FF 中使用。

感谢Robert Longson让我走上了正确的道路。他的链接在评论中。

于 2013-09-27T18:37:04.620 回答