【问题标题】:SVG Frame AnimationSVG 帧动画
【发布时间】:2016-10-28 06:43:57
【问题描述】:

我很好奇是否有人能指出我正确的方向来制作 SVG 动画,它本质上是循环分组元素的可见性,因此基本上你有一个逐帧动画。动画代码必须嵌入到 svg 中,并且必须与 IE、Firefox 和 Chrome 兼容。到目前为止,经过无数小时的尝试不同的事情,我已经让它只在 Chrome 中工作。

【问题讨论】:

  • IE 不做 SMIL 或 CSS 动画,因此您需要使用 javascript 动画库或自己编写代码。
  • 好吧,我被告知我可以忘记 IE 的兼容性,只让它与 Firefox 和 Chrome 兼容。是否可以在保持这两种浏览器之间的兼容性的同时做到这一点?
  • 在这种情况下使用 SMIL 或 CSS 动画。
  • 您能否将 SMIL 或 CSS 动画直接嵌入到 SVG 文件的代码中?我试过这样做,但没有奏效......
  • 当然可以,把代码贴在你的问题中,如果够短我会更正。

标签: svg svg-animate


【解决方案1】:

SMIL 规范规定数字不能以 .所以你需要

dur="0.1s"

改变它,它似乎可以在 Firefox 中工作,即刀片看起来像是在移动,这大概是您想要做的。 Chrome 不那么严格,允许技术上无效的内容。

您可以通过使用诸如fakeSmile 之类的 SMIL 仿真库来使其在 IE 中工作。

【讨论】:

  • 太棒了!非常感谢罗伯特!
猜你喜欢
  • 2020-02-29
  • 1970-01-01
  • 2011-04-20
  • 2019-03-27
  • 2017-06-25
  • 2015-01-15
  • 2021-09-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多