0

Kinetic.JSHTML5アプリの開発にライブラリを使用しています。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";
4

1 に答える 1

0

画像ローダー内に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();

これが開催されることを願っています。

よろしく

于 2012-10-04T09:26:23.977 に答える