使html5画布具有交互性

Question

  

可能重复：
  How do I get the coordinates of a mouse click on a canvas element?

我还有一个关于html5画布的问题。 我已经在Javascript中使用此功能制作了几个很酷的项目，但我现在正在寻找使用鼠标来使画布更具交互性的方法。 我只需要一个简单的方法将变量设置为鼠标的x值或y值。

谢谢！

Answer 1

我在这方面写了教程。这是最近的一个：A Gentle Introduction to Making HTML5 Canvas Interactive

具体来说，您需要查看事件监听器以及我所拥有的getMouse函数。

Answer 2

HTML5 Canvas只是一个绘图平面，没有显示列表。要使用x，y和其他属性添加，删除，放置对象，首先需要为可以添加到容器的容器和对象定义类。您必须自己开发它，或者您可以使用任何一个可用的库。

http://easeljs.com/

http://www.kineticjs.com/

几个月前，我也开始为同一目的开发一个库。我遇到了很多性能问题，所以等待一些空闲时间来优化我的代码。您可以在https://github.com/tracevipin/exsprite找到图书馆，在这里找到一些演示http://www.exsprite.com/demos/