javascript - 如何将事件监听器添加到 Canvas 中的图像？

Question

我需要在 Canvas 中的图像上附加一些鼠标事件。

我试过了，但还是不行。

    var pointer = new Image();
    pointer.src = "/img/line_point.png";
    pointer.onload = function() {
        context.drawImage(pointer, 55,123);
    }
    pointer.addEventListener("mouseover", maap, false);

Answer 1

您需要将事件监听器添加到 Canvas 元素，然后手动检查事件 x 和 y 参数是否在 Canvas 上绘制的图像上。