javascript - HTML5 可点击 Canvas 元素？

Question

我正在 Canvas 上创建一个圆圈。是否可以使我的圈子可点击？

function createCircle(context, x, y, radius, color) {
   context.beginPath();
   context.fillStyle = color;
   context.arc(x, y, radius, 0, Math.PI * 2, true);
   context.closePath();
   context.fill();
}

Answer 1

我不是专家，但我认为你应该捕获canvas上的click事件，然后编写一个函数来检查是否单击的点位于圆半径内。 (即点击点与圆原点的差值小于等于半径)。