kineticjs - 动力学JS。使用 onClick 事件绘制图像

Question

我正在尝试使用 onClick 事件将图像绘制到 KineticJS 画布中，但它不起作用。像这样的错误：未捕获的类型错误：无法调用未定义的 imageObj.onload 的方法“添加”如何使舞台和图层变量对 drawImage 函数可见？希望 smb 可以帮助我，因为我已经没有想法这样做

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