Kinetic.JS Imagem não é Possível Arrastar Depois de Usar o Pixel de Detecção de

Question

Eu estou usando Kinetic.JS biblioteca para desenvolvimento de Aplicativos HTML5.Eu usei Cinética.Imagem carregar uma imagem (em .PNG formato), e usando o pixel de detecção para detectar apenas os não-transparentes parte da minha imagem.O problema é que eu não posso arrastar minha imagem corretamente, embora eu tenha definido o draggable propriedade true e usando saveImageData o método.Imagem é arrastada bem antes (usando path detecção).Qualquer solução caras?Este é o meu código:

   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

Não há DetectionType dentro do seu carregador de imagem..ele deve ser algo como

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

e no mouse, você pode usar a mesma função que eu.e

abelha.saveImageData();

e também fim a toda a função onload com a mesma função em seguida, ele vai trabalhar

Agora Eric tem lançamento v4+ então agora não há nenhum Pixel tipo de Detecção de

você pode usar algo como

    image.createImageBuffer();

// limpa buffer de imagem

     image.clearImageBuffer();

Espero que este hels..

Matéria