Svg动画无法在Mozilla中正常播放

Question

我有一个页面加载SVG文件作为加载图像，然后进入主屏幕。 SVG动画在Chrome和Opera中播放，但在Mozilla中播放。

我键入了所有关键帧，但没有工作。任何建议？ Mozilla是最新的更新。

以下是SVG的代码

key=function

如果你想测试它，那么github文件夹是：GitHub

Answer 1

您有@-webkit-keyframes，它适用于Webkit浏览器（包括Chrome），但您没有其他浏览器的相应关键帧变体。

特别是，对于Mozilla，您需要该规则的未加前缀@keyframes版本。

@keyframes dash {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

Answer 2

不要忘记在HTML代码中的标记中添加.svg文件。如果你的svg代码没问题，它会工作的。 当我遇到类似的问题时，这对我有用！