单击在javascript画布中创建的图像

单击在javascript画布中创建的图像,javascript,html,canvas,onclick,drawing,Javascript,Html,Canvas,Onclick,Drawing,你好, 我准备了一份 在我的示例中,我使用drawImage函数为游戏绘制图像,因为我不想将它们全部包含在HTML中。。。然而,我的问题是,我找不到任何可能给那些“自己创建的”图像一个onclick函数。我认为对象“Image”(var someImage=new Image();)可以与HTML或相媲美,但无论我如何努力,我都做不到 有人能帮我吗?如果已将单击事件指定给画布上下文而不是画布,请将其更改为: myCanvas.onclick = function() 至于使单个图像可点击(如果

你好, 我准备了一份

在我的示例中,我使用drawImage函数为游戏绘制图像,因为我不想将它们全部包含在HTML中。。。然而,我的问题是,我找不到任何可能给那些“自己创建的”图像一个onclick函数。我认为对象“Image”(var someImage=new Image();)可以与HTML
相媲美,但无论我如何努力,我都做不到


有人能帮我吗?

如果已将单击事件指定给画布上下文而不是画布,请将其更改为:

myCanvas.onclick = function()
至于使单个图像可点击(如果您绘制了多个图像),您可以始终保留一个可点击区域的数组,以及它们应该指向的与图像对应的链接,然后在画布上添加一个循环,以检查鼠标命令是否与数组中的某个区域匹配


示例:

对不起,我的代码片段总是出错:我将
myCanvas.onclick=function(){…}
更新为
someImage.onclick=function(){…}
。我在考虑你的解决方案,但我想通过onclick函数让它变得更简单,我打赌有一种可能性:幸运的是,浏览器只是将画布计算为一个实体对象,你需要通过自己来跟踪可点击的区域Javascript@HerraE如果詹姆斯回答了你的问题,你应该投票并接受答案。