1

SVG ラインの Y 座標の 1 つを変更しようとしています。jQuery と SVG プラグイン + アニメーション プラグインを使用しています。私は以前に線をアニメーション化してきましたが、ここでは関数は単純に位置を変更する必要があり、

これは機能します。

$(strings[i]).animate({ 
   svgY1 : 150
}, 0);

これはしません。

$(strings[i]).attr( 
   'svgY1', '150'
);

ここで animate を使用すべきではないことはわかりますが、このコンテキストで attr や css が機能しない理由がわかりません。問題は、svgY1がその座標を特定する正しい方法ではないことだと思いますが、行き詰まっています。

この時点で、関連するすべての要素は静的です。別の関数からの干渉ではないと確信しています。

4

1 に答える 1

2

まず、行に一意の識別子を付けます。

svg.line(g, 450, 120, 550, 20, {strokeWidth: 5, id: '123'});

次に、svg マネージャーの変更機能を使用します。

svg.change(svg.getElementById('123'), { y1: 150 });
于 2012-06-18T15:04:57.233 に答える