javascript - jQuery SVG插件变换动画错误

Question

我正在尝试使用 jQuery SVG 插件来为一些东西制作动画——缩放等等。我对 SVG 完全陌生。

var params = {};
params['svgTransform'] = ['scale(1)', 'scale(1.5)'];
$('#TX', svg.root()).animate(params);

这几乎是从插件的开发者那里逐字复制的。

然而，当它运行时，我得到了这个：

4TypeError: 'undefined' is not a function (evaluating 'f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration)')

有任何想法吗？

score 0 · Accepted Answer

也许它不支持动画 arg 对象内的数组。你能试一下吗：

var params = {};
params['svgTransform'] = 'scale(1.5)';
$('#TX', svg.root()).animate(params);

score 0 · Accepted Answer

我认为您应该检查 SVG 文档中是否存在 ID="TX" 的元素。

无论如何，我必须说，有时我发现很难记住在哪里编写特定行为的代码：有很多选择，在 XML（纯 SVG）、纯 JavaScript+DOM（但是什么 DOM？）、jQuery 特定、jQuery+SVG 中。 ......所有这些以及他们的细节......这令人生畏！我希望它最终会有所回报。

顺便说一句，我发现 Chrome 为锻炼问题提供了一个很好的 IDE（我现在在 Linux 上......）。按 Ctrl+Shift+I 进入调试器并查看任何错误...

2 回答 2