Kinetic.JS Image Incapable de faire Glisser Après l'Utilisation de Pixel de Détection

Question

Je suis à l'aide d' Kinetic.JS bibliothèque pour le développement d'Applications HTML5.J'ai utilisé de la Cinétique.L'Image pour charger une image (dans .PNG format), et à l'aide de pixels de détection pour détecter uniquement la partie non transparente de mon image.Le problème est que je ne peux pas faire glisser mon image correctement bien que j'ai mis l' draggable propriété à true et à l'aide de saveImageData la méthode.L'Image est tiré bien avant (à l'aide de path détection).Toute solution les gars?C'est mon code:

   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

Il n'y a pas de DetectionType à l'intérieur de votre chargeur d'image..il doit être quelque chose comme

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

et sur la souris, vous pouvez utiliser la même fonction que j'ai.e

abeille.saveImageData();

et aussi mettre fin à l'ensemble de la fonction onload avec la même fonction ensuite, il sera

Maintenant, Eric a la version v4+ alors maintenant, il n'y a pas de Pixel type de Détection

vous pouvez utiliser quelque chose comme

    image.createImageBuffer();

// image claire de la mémoire tampon

     image.clearImageBuffer();

Espérons que ce hels..

Ce qui concerne