Wie greife ich auf die Bilddaten zu, nachdem ich ein Bild aus dem HTML-Teil einer Webseite auf eine Leinwand gezogen habe?

Dies ist eine Folgefrage anWie lassen sich Texte und Bilder auf einer Leinwand ablegen? (Firefox 41.0.1)

Ich kann einfach nicht herausfinden, wie ich auf die Bilddaten des Bildes zugreifen kann, das ich auf die Leinwand gelegt habe. Ich habe Dinge ausprobiert wiedata = event.dataTransfer.getData("image"), aber das alles funktioniert nicht.

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);

 }

Gibt es sicher Bilddaten, die irgendwo in den Drop-Event-Daten enthalten sind? Ist es nicht ??? (Das Bild hat kein eigenes ID-Attribut.)

Antworten auf die Frage(4)

Ihre Antwort auf die Frage