Javascript：如何在变量可点击内创建图像？

Question

我想知道如何在Javascript中将变量设置为新的Image（）可点击。 我在屏幕周围有一个HTML5画布。

有用的代码在这里：

var btndone = new Image();
btndone.src = 'img/BtnDone.jpg';

btndone.onload = function(){
 LoadStartMenu()
}

function LoadStartMenu(){
 //Display BtnDone.jpg and make it clickable
}

我不使用HTML并给它一个ID的原因是因为我找不到`context.drawImage（imagevariable，0,0）;' （这给图像一个位置）用HTML，也因为据我所知，图像将显示在屏幕上。

Answer 1

只需附加.onclick函数：

btndone.onclick = function() {
    console.log("You clicked the pic!");
}