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