Html5 canvas 画布中的区域选择

我正在用画布建立一个实验性的html5网站。 我画了3个圆圈，每个圆圈都挨着一个，我想知道的是如何选择它们

在某种程度上，我希望它们成为链接。不是标签，因为所有东西都将使用javascript创建

类似于kinetic JS:，但没有额外的库

我发现了一些使用ghost画布和上下文的脚本，但这些示例是用于拖动和填充的。我只想能够选择我的形状并执行一些代码

---

谢谢大家!

我想您可能需要研究IsPointInPath（）方法。它将帮助您确定鼠标是否单击画布对象

---

请参见

如果您擅长xml，我建议您使用canvas+SVG（）

下面这个简单的例子。

---

关于SVG和Canvas，区别是显而易见的，因为您可以在SVG中加载位图，并且可以使用Canvas API绘制线条。但是，使用一种技术创建图像可能比使用另一种技术更容易，这取决于您的图形主要是基于线条还是更像图像。

——因为您谈论的是一个概念，而没有告诉我们您尝试了什么。撕开它–它会告诉你如何计算“合法”点击并执行操作。-我正试图这样做，但没有图书馆。但是如果没有其他方法（不是太复杂），我会使用这个。是的，在没有库的情况下，通过撕开halma游戏，可以完成所有的事情。这个库只是减少了编写代码的工作量。拖动、单击、拖放、鼠标移动–这些都是事件。你不需要图书馆来做这件事。