画布中的区域选择

时间:2011-09-07 16:27:41

标签: html5-canvas

我正在使用画布设置一个实验性的html5网站。 我正在绘制彼此相邻的3个圆圈,我想知道的是如何选择它们。

我希望他们在某种程度上成为联系。不是标签,因为一切都将使用javascript创建。

类似于动能JS:http://www.kineticjs.com/,但没有额外的库。

我找到了一些使用ghost canvas和contexts的脚本,但这些示例用于拖动和填充。我只希望能够选择我的形状并执行一些代码。

谢谢!

2 个答案:

答案 0 :(得分:0)

我想您可能想要查看IsPointInPath()方法。它将帮助您确定鼠标是否单击了画布对象。

请参阅Detect mouseover of certain points within an HTML canvas?

答案 1 :(得分:0)

如果你在xml中很有天赋我建议你使用canvas + SVG(http://www.w3schools.com/svg/

并按照这个简单的例子。 http://jsvectoreditor.googlecode.com/svn/trunk/index.html

关于SVG和Canvas,差异很明显,因为你可以在SVG中加载位图,你可以使用canvas API绘制线条。但是,使用一种技术创建图像可能比使用另一种技术更容易,具体取决于您的图形是基于行还是更像图像。