¿Cómo acceder a los datos de la imagen después de soltar una imagen desde la parte html de una página web en un lienzo?
Esta es una pregunta de seguimiento para¿Cómo soltar textos e imágenes en un lienzo? (Firefox 41.0.1)
Simplemente no puedo averiguar cómo acceder a los datos de la imagen que coloqué en el lienzo. Intenté cosas comodata = event.dataTransfer.getData("image")
, pero eso no funciona.
function addDragNDropToCanvas() {
document.getElementById('canvas').addEventListener("dragover", function(event) { event.preventDefault();}, false);
//handle the drop
document.getElementById('canvas').addEventListener("drop", function(event) {
event.preventDefault();
console.log('something is dropped on the object with id: ' + event.target.id);
// var directData=event.dataTransfer.getData("image");
console.log(event);
}, false);
}
¿Seguramente hay datos de imagen incorporados en algún lugar en los datos de evento de caída? ¿No es así? (La imagen no tiene un atributo id propio).