jQuery SVG插件转换动画错误

jQuery SVG plugin transform animation error

本文关键字:动画 错误 转换 插件 SVG jQuery      更新时间:2023-09-26

我正在尝试使用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)')

有什么想法吗?

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

无论如何,我

必须说,有时我发现很难记住在哪里编码特定的行为:有很多选择,在XML(普通SVG),纯JavaScript + DOM(但什么DOM?),jQuery特定,jQuery+ SVG。所有这些及其详细信息...太令人生畏了!我希望它最终会有所回报。

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

也许它不支持 Animate arg 对象中的数组。 你能试试:

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