在画布上绘制的图中指定事件

Question

我想在画布上绘制的图中分配事件..

如何分配事件？

示例 - 绘制500px - 500px四边形并在鼠标悬停时显示解释。

Answer 1

如果你知道你的四边形位置，有高度和高度;您可以使用以下代码来获取鼠标位置。

function onMouseMove(e) {
    mouseX = e.clientX - canvas.offsetLeft;
    mouseY = e.clientY - canvas.offsetTop;
}

最后测试你的鼠标坐标是否在你的四边形内，