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