Question

SMIL已弃用，不再适用于Chrome

我刚开始学习如何制作动画片，我偶然发现了这个陈述。我不知道它是否属实（我希望它是错的）。

编辑：遗憾的是，确实如此。

我现在的问题是：有没有其他方法可以在不使用SMIL的情况下制作动画路径或多边形？例如，我可以使用＆＃34; d＆＃34;路径的属性使用的东西不是SMIL？

我希望你们中的一些人有答案，我真的很喜欢svg的动画可能性。

Answer 1

首先，您应该注意到SMIL仅在chrome 45 and Opera 32后被弃用。这意味着控制台中有警告，但功能现在仍然有效（2015年12月）。

canIuse州：

从Chrome 45＆amp; Opera 32 SMIL已弃用，使用将导致控制台出现警告。预计在未来的某个版本中将不再支持。

有关此内容的更多信息，您还可以查看以下主题：Intent to deprecate SMIL

使用SMIL变形SVG路径的另一种方法是使用snap.svg这是一个例子：

var s = Snap().attr({viewBox: '0 0 100 150'});

s.path('M50 10 C50 10, 10 50, 50 50 C50 50, 10 10, 50 10z')
 .animate({ d: "M50 10 C90 10, 10 90, 50 90 C90 90, 10 10, 50 10z" }, 2000, mina.elastic);

svg {width: 30%;height: auto;stroke-width: 1;stroke: #000;fill: none;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg.js"></script>

请注意，您还可以将greensock与morphSVG plugin一起使用。

是否有另一种方法可以在不使用SMIL的情况下制作动画路径或多边形

1 个答案: