1

キャンバス上でKineticJSを使用して生成した形状を使用して一種の3D効果を作成したいと思います。上にドラッグすると小さくする必要があり、下にドラッグすると大きくする必要があります。

私が欲しかったものに最も近いのは、ここに表示されているmousemoveイベントです。

$.each(bubbles, function(){
var bubble = this;
bubble = new Kinetic.Circle({x:this.x, y:this.y, radius:this.r, fill:'#000000', draggable:true});
bubble.on("mousemove",function(){
    bubble.setRadius((bubble.getY()/5));
});
layer.add(bubble);

});

ただし、これはドラッグを終了して図形をもう一度クリックしたときにのみ半径を変更します。

ドラッグするときに「リアルタイム」で変更できるようにできればとても嬉しいです。

誰かがこれを解決する方法を知っていますか？これが私のJSFiddleですhttp://jsfiddle.net/ZsADd/1/

ありがとうございました！

4

1 に答える 1

2

あなたが欲しいのは だと思いますbubble.on("dragmove")。 これが実際の動作例です。ドラッグ イベントの詳細については、ここで見つけたドキュメントを参照してください。

KineticJS でドラッグ アンド ドロップ イベントを検出するには、on() メソッドを使用してdragstart、dragmove、またはdragendイベントを検出できます。このon() メソッドには、イベントの種類と、イベントが発生したときに実行される関数が必要です。

于 2012-12-03T16:52:27.780 に答える