jQuery SVG插件转换动画错误

Question

我试图使用jQuery SVG插件来动画一些东西 - 缩放和whatnot。我对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)') 

任何想法？

Answer 1

我想你应该在SVG文档中检查ID =“TX”元素的存在。

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

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

Answer 2

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

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