无法使用 Vivus 为 Font Awesome 图标设置动画

Question

我正在尝试在 DocumentReady 上绘制一个很棒的字体图标，但是我遇到了一些问题。

我想到的图书馆是Vivus。还有一个用于连接 Font Awesome 和 Vivus 的库：FontAnimate。

我认为游戏很简单，但我似乎无法填充我正在绘制的图标。 此处示例：https://jsfiddle.net/m1og17yz/

填充发生在动画结束之前，并且填充根本没有动画。这里有一个类似的 Github 问题，所以我尝试了一下，因为它已经解决了。

但这似乎仍然不起作用，因为我收到了 https://jsfiddle.net/m1og17yz/2/，因为您可以看到绘图结束和填充之间存在延迟。

callback: function (obj) {
     obj.el.classList.add('finished');
}

Answer 1

添加回调的提交未在 NPM 上发布。 所以我们最终都安装了一个旧版本的库，它不包含传递回调的代码。

试试npm install innovato/fontanimate#master --save。