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

时间:2014-06-24 06:50:28

标签: javascript html canvas onclick drawing

HIHO, 我准备了snippet

在我的例子中,我使用drawImage函数将图像绘制到游戏中,因为我不想将它们全部包含在HTML中...但是,我的问题是,我找不到任何可能性给那些“自己创建的”图像一个onclick功能。我认为对象“Image”(var someImage = new Image();)与HTML <img><input type="image">相当,但无论我怎么努力,我都无法做到。< / p>

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

您已将click事件发送到画布上下文而不是画布,请将其更改为:

myCanvas.onclick = function()

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

示例:JSFiddle Code