KineticJS. Bild mit onClick-Ereignis zeichnen

Question

Ich versuche, Bild mit OnClick-Ereignis in KineticJS Canvas zu zeichnen, aber es funktioniert nicht. Fehler wie folgt: Uncaught TypeError: Kann Methode 'add' von undefined nicht aufrufen imageObj.onload Wie Stufe & Layer VAR sichtbar für DrawImage Funktion zu machen? Hoffe smb mir helfen kann, weil ich bereits habe keine Ideen haben diese

var stage = new Kinetic.Stage({ 
     container: "container", // div with id 'container' 
     width: 578, 
     height: 500,     
    }); 

    var layer = new Kinetic.Layer();   

    function drawImage(src) {  
     var imageObj = new Image(); 
     imageObj.onload = function() { 
      var image = new Kinetic.Image({ 
       x: 100, 
       y: 110, 
       image: imageObj, 
       draggable: true, 
      }); 

      layer.add(image); 

      stage.add(layer); 
     }; 

     imageObj.src = src; 
    }       

... img src = "testImage.jpg" to do Onclick = "drawImage (this.src);"

Answer 1

var layer = new Kinetic.Layer();   

wird diese Anweisung vor Ihrer Veranstaltung onclick aufgerufen?

Was ist, wenn Sie dies tun

Img src="testImage.jpg" onclick="var layer = new Kinetic.Layer();  drawImage(this.src);"