Kinetic.js 이미지 픽셀 탐지를 사용하여 드래그 할 수 없습니다

Question

HTML5 앱을 개발하기 위해 Kinetic.JS 라이브러리를 사용하고 있습니다. Kinetic.Image를 사용하여 이미지를로드하거나 픽셀 감지를 사용하여 내 이미지의 비 투명한 부분 만 감지합니다.문제는 .PNG 속성을 draggable로 설정하고 true 메소드를 사용하여 내 이미지를 제대로 드래그 할 수 없습니다. 이미지는 이전에 잘 끌려갔습니다 (saveImageData 탐지 사용).모든 해결책? 이것은 내 코드입니다 :

   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

이미지 로더 내부에 탐지 유형이 없습니다 ..

와 같아야합니다

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

.

와 마우스 밖으로 밖으로 동일한 기능을 사용할 수 있습니다. i.e

bee.SaveImageData ();

또한 동일한 기능으로 전체 onload 함수를 종료합니다. 그런 다음

가 작동합니다

이제 Eric은 릴리스 v4 +를 가지고 있습니다 이제 픽셀 탐지 유형이 없습니다

와 같은 것을 사용할 수 있습니다.

    image.createImageBuffer();

.

// 이미지 버퍼 지우기

     image.clearImageBuffer();

.

희망이 hels ..

에 관해서는