0

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)')

何か案は？

4

2 に答える 2

0

SVG ドキュメントに ID="TX" を持つ要素が存在するかどうかを確認する必要があると思います。

とにかく、特定の動作をコーディングする場所を思い出すのが非常に難しいことが時々あると言わざるを得ません。XML (プレーンな SVG)、プレーンな JavaScript+DOM (しかしどの DOM ?)、jQuery 固有、jQuery+SVG の中から非常に多くの選択肢があります。 ...そして、これらすべてとその詳細...それは気が遠くなるようなものです! 最終的には報われると思います。

ところで、Chrome は問題を解決するための優れた IDE を提供することがわかりました (私は現在 Linux を使用しています...)。Ctrl+Shift+I を押してデバッガーに入り、エラーを確認します...

于 2012-06-27T07:01:59.100 に答える
0

animate arg オブジェクト内の配列をサポートしていない可能性があります。試すことができますか：

var params = {};
params['svgTransform'] = 'scale(1.5)';
$('#TX', svg.root()).animate(params);
于 2012-06-27T07:30:37.080 に答える