HTML5 Canvas +在JS库中选择/拖放功能？

Question

我想使用HTML5 Canvas，但我想在形状，文本和曲线方面使用它，能够附加传统的DOM事件，如onClick或拖放功能。有没有能够为我这样做的Javascript库？我已经看到gwt-canvas接近这种方法，但没有详细查看。

谢谢，    的Istvan

Answer 1

查看crossbrowser框架raphaël（js / svg / vml），this video显示它正在执行drag＆amp; drop / touch-events（尝试实际演示here）

Answer 2

本教程可能对您有所帮助。 http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/

Answer 3

http://www.html5canvastutorials.com/advanced/html5-canvas-drag-and-drop-tutorial/这是关于kinetic.js和html5 canvas

的非常好的教程

Answer 4

我对js字段知之甚少，但我倾向于推荐http://processingjs.org/但是，请注意它几乎是用javascript实现的java库。

我认为可能有助于澄清您是否需要将事件（onClick等等）附加到特定绘制对象（形状，文本，曲线等等）或者您是否需要将事件附加到画布区域本身。

BTW，gwt-canvas将与Google Web Toolkit结合使用，这意味着它根本不是一个真正的javascript库（AFAIK，如果我错了，请有人纠正我。）