KineticJS。使用onClick事件繪製圖像

Question

我試圖用onClick事件將圖像繪製到KineticJS畫布中，但它不起作用。 錯誤是這樣的：Uncaught TypeError：不能調用未定義的方法'add' imageObj.onload 如何使階段&圖層變量對於drawImage函數可見？希望中小企業能幫助我，因爲我已經沒有想法要做到這一點

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」 的onclick = 「的drawImage（this.src）;」

Answer 1

var layer = new Kinetic.Layer();   

這個語句在事件onclick之前調用？

如果你這樣做

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