动力学JS。使用 onClick 事件绘制图像答案

【问题标题】：KineticJS. draw image with onClick event动力学JS。使用 onClick 事件绘制图像
【发布时间】：2012-04-22 02:09:41
【问题描述】：

我正在尝试使用 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);"

【问题讨论】：

标签： kineticjs

【解决方案1】：

var layer = new Kinetic.Layer();

此语句是否在您的事件 onclick 之前调用？

如果你这样做会怎样

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

【讨论】：