onClick イベントで KineticJS キャンバスに画像を描画しようとしていますが、うまくいきません。次のようなエラー: Uncaught TypeError: Cannot call method 'add' of undefined imageObj.onload 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);"