Question

我正在尝试使用onClick事件将图像绘制到KineticJS画布中，但它不起作用。像这样的错误：未捕获的TypeError：无法调用未定义的方法'add' imageObj.onload 如何制作舞台＆amp;图层变量对于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);"

KineticJS。使用onClick事件绘制图像

1 个答案: