Kinetic.JS圖像在使用像素檢測后無法拖動

Question

我正在使用Kinetic.JS庫開發HTML5應用。 我使用Kinetic.Image加載圖像（ .PNG格式），並使用像素檢測僅檢測圖像的非透明部分。 問題是盡管我將draggable屬性設置為true並使用saveImageData方法，但我仍無法正確拖動圖像。 圖像被拖到很遠之前（使用path檢測）。 有解決方案的人嗎？ 這是我的代碼：

   var beeObj = new Image();
        beeObj.onload = function(){ 
            bee = new Kinetic.Image({ //bee is global variable
            x: 325 - 45,
            y: 145 - 83,
            image: beeObj,          
            draggable: true         
        });
        lineLayer.add(bee); 
        lineLayer.draw();
        bee.saveImageData();
   };
   beeObj.src = directory + "smile_bee.png";

Answer 1

圖像加載器內部沒有DetectionType。它應該類似於

bee = new Kinetic.Image({ //bee is global variable
        x: 325 - 45,
        y: 145 - 83,
        image: beeObj,          
        draggable: true,
        DetectionType: 'Pixels'         
    });

並且在鼠標移出時，您可以使用相同的功能，即

bee.saveImageData（）;

並且以相同的功能結束整個onload函數，那么它將起作用

現在，埃里克（Eric）已發布v4 +，因此現在沒有像素檢測類型

您可以使用類似

    image.createImageBuffer();

//清除圖像緩沖區

     image.clearImageBuffer();

希望這會..

問候