使得HTML5画布互动

可能重复：
How do I get the coordinates of a mouse click on a canvas element?使得HTML5画布互动

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

谢谢！

2011-12-26 dualCore

http://stackoverflow.com/questions/55677/how-do-i-get-the-coordinates-of-a-mouse-click-on-a -canvas-element http://dev.opera.com/articles/view/html5-canvas-painting/ – Bakudan 2011-12-26 01:13:57

我写这类的教程。这里是最近的一个：A Gentle Introduction to Making HTML5 Canvas Interactive

具体来说，你会想看看事件监听器和我有的getMouse函数。

来源

2011-12-26 04:01:18

链接 - 只有答案不被视为真正的答案。一旦链接死亡，它们就变得毫无用处。 – FraZer 2013-07-01 09:04:03

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

http://easeljs.com/

http://www.kineticjs.com/

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

来源

2011-12-26 05:14:55 Diode

使得HTML5画布互动

回答

相关问题