mousemove kinetic上的改變半徑js

Question

我想用我在畫布上用KineticJS生成的形狀創建一種3D效果。 當我把它們拖到最高處時，需要變小，當拖到最下時，它們需要變大。

我得到了我想要的東西最接近的是與鼠標移動事件，你在這裏看到的

$.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/

謝謝！

Answer 1

我想你想要的是bubble.on("dragmove")。 Here is an example of it in action。有關拖動事件的更多信息，請查看我發現的文檔here。

要檢測拖放事件與KineticJS，我們可以使用on() 法檢測dragstart，dragmove，或dragend事件。方法on() 需要一個事件類型和一個函數在發生事件時執行。