KineticJS：將物品動畫後回落到初始位置時，不落入放置目標

Question

我做了一個應用程序，執行不同項目的拖放：圖像和形狀。我將放置目標限制到特定層：rightLayer在我的情況下，使用if ... else進行簡單測試。除非我想讓項目在leftLayer中恢復原始位置，當它不嘗試rightLayer的邊框（就像jquery，但在kineticJS）時，一切都很好。或者即刻消失。

這是JSFIDDLE。爲了更好地理解，試試這個用例：

• 拖動矩形，
• 電網前右砸，一個項目
• 點擊左側層。

Answer 1

您可以使用dragend中的測試自行銷燬除dropzone以外的其他任何克隆。

演示：http://jsfiddle.net/m1erickson/2T68g/

clone1.on("dragend",function(){ 

    // destroy this clone if dropped outside the dropzone 

    if(this.x()<dropzone.x()){ 
     this.destroy(); 
     layer.draw(); 
    } 

});