Question

我正在尝试使用jQuery SVG插件来动画一些东西 - 缩放和诸如此类的东西。我是SVG的新手。

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

从插件的开发者中复制了几乎 verbatim 。

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

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

有什么想法吗？

Answer 1

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

无论如何，我必须说有时候我发现非常很难记住 where 来编写特定的行为：在XML（普通SVG）中有很多选择，平原JavaScript + DOM（但是DOM是什么？），特定于jQuery，jQuery + SVG ....以及所有这些与他们的细节......这是令人生畏的！我希望最终能有所收获。

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

Answer 2

也许它不支持animate arg对象内的数组。你可以尝试一下：

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

jQuery SVG插件转换动画错误

2 个答案: