5

オブジェクト (画像/形状/div) をアニメーション化し、画面上に浮かせるページを作成しています。時には、多数のオブジェクトが浮遊して相互作用することがあります。

各オブジェクトには ID があるため、各オブジェクトにデータを関連付ける必要があります。したがって、1 つのオブジェクトをクリックすると、その ID が取得され、そのオブジェクトに関するデータを保持する配列が参照されます。

私の議論は、jQuery の $.animate 関数を使用するか、Raphael を使用するかです。SVG が使いやすいことはわかっていますが、各オブジェクトと ID を指定して、onclick で関連データを含む div を表示できるかどうかはわかりません。SVG 要素をクリックすると DOM 要素を参照できますか? SVG は動的テキストでどの程度うまく機能しますか? また、アニメーションの処理能力がどれだけかかるかも気になります。この点でより良い選択はありますか？

ところで、ここでは jQuery SVG について話しているのではなく、通常の jQuery と DOM について話しているだけです。

誰かがこれについての洞察や提案を持っているなら、彼らは大歓迎です!

4

2 に答える 2

2

高速なjQueryアニメーションについては、これに興味があるかもしれません: http://code.zemanta.com/fry/ruleanimation/

于 2009-09-24T09:12:11.310 に答える
0

はい。すべてのグラフィカル オブジェクトは DOM オブジェクトとして追加されます。

デモ: http://raphaeljs.com/github/impact.html

円を描画し、ID を割り当て、onclick イベントをアタッチする簡単なデモ コード:

var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");
//assign circle id="lolcats"
circle.node.id="lolcats";
//onclick alert id
circle.node.onclick=function(){alert(this.id)};

派手なベクターの描画と操作が必要な場合は、Raphael が適しています。そうでない場合は、知っていることをそのまま使用することもできます。また、jQuery と Raphael の両方を同時に使用できます。
ただし、その音からすると、jQuery はニーズに十分に対応できるはずです。

于 2009-09-19T02:56:53.830 に答える