我正在使用画布设置一个实验性的html5网站。 我正在绘制彼此相邻的3个圆圈,我想知道的是如何选择它们。
我希望他们在某种程度上成为联系。不是标签,因为一切都将使用javascript创建。
类似于动能JS:http://www.kineticjs.com/,但没有额外的库。
我找到了一些使用ghost canvas和contexts的脚本,但这些示例用于拖动和填充。我只希望能够选择我的形状并执行一些代码。
谢谢!
答案 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绘制线条。但是,使用一种技术创建图像可能比使用另一种技术更容易,具体取决于您的图形是基于行还是更像图像。