单击画布中的图像时发出警报答案

【问题标题】：Alert if clicked image in canvas单击画布中的图像时发出警报
【发布时间】：2015-03-18 15:40:07
【问题描述】：

所以我在画布中有动画图像。它从左到右。我想拥有：

alert("Wokrs!");

如果我点击图片。有人知道怎么做吗？这是我的代码：

    <head>
        <script src="events.js">
        </script>
        <script src="animation.js">
        </script>
<script>
window.onload = function(){
    var events = new Events("myCanvas");
    var canvas = document.getElementById("myCanvas");
    var c = canvas.getContext("2d");
    var anim = new Animation("myCanvas");


    var image = new Image();

    anim.setDrawStage(function()
    {
        c.clearRect(0, 0, 3000, 3000);
        c.drawImage(image, anim.getFrame() - 100, Math.cos(anim.getFrame() / 25) * 60);


        if(events.getMousePos() != null) 
        {

        //Here I want to do alert("Works!"); if mouse clicked image.

        }

    });

    image.onload = function()
    {
        anim.start();
    };
    image.src = "mojaRyba.png";

    events.listen();
};

</script>
    </head>
    <body>
        <canvas id="myCanvas" width="600" height="250" style="border:1px solid black;">
        </canvas>

@编辑

我添加了更多代码。

【问题讨论】：

也许this SO answer 有帮助？矩形是您的图像。
请同时发布您的 HTML 代码。

标签： javascript image canvas click mouse

【解决方案1】：

你需要添加一个点击事件处理程序，这里是一个例子：

canvas.addEventListener("click", function(
    alert("Works!");
)

【讨论】：