キネティックピクセル検出を使用した後にドラッグできないJS画像

Question

私は使っています Kinetic.JS HTML5アプリを開発するためのライブラリ。私はキネティックを使用しました。画像をロードする画像( .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'         
    });

そして、マウスアウトでは、同じ機能を使用することができます。

ビーsaveImageData();

また、onload関数全体を同じ関数で終了します その後、それは動作します

今エリックはリリースv4+を持っています だから今はピクセル検出タイプはありません

あなたは次のようなものを使うことができます

    image.createImageBuffer();

//クリアイメージバッファ

     image.clearImageBuffer();

このhelsを願っています。.

ﾂつ｢ﾂ。