当前位置:  开发笔记 > 编程语言 > 正文

HTML5:用于在画布上拖放的框架/库

如何解决《HTML5:用于在画布上拖放的框架/库》经验,为你挑选了1个好方法。

我正在寻找一个框架/库,使我能够在HTML5-Canvas上执行多个任务.

我需要的是在绘制对象后访问对象的机制,以便可以将它们更改并解析为XML.此外,我需要能够使用光标拖放某些对象.

我已经尝试了几个框架,但没有一个框架可以将onDrag-Listeners分配给对象(仅限于画布).有可能手工实现这种行为,但由于我不得不在画布上处理多个对象,因此这种行为变得复杂.此外,性能是一个重要的标准,因此如果我可以使用优化的库函数而不是我自己的悲惨代码,那将是一件好事.我知道SVG是另一种选择,所以请不要试图用这种方式推动我.我需要用画布来比较两者的表现.

所以我认为,我正在寻找的是一个框架,让我将监听器分配给画布对象.动画技能并不重要,因为所有内容都集中在鼠标的用户输入上.

有谁知道这样的框架/库符合我的需求并可以分享一些经验?我很高兴不被迫在那里测试HTML5-Canvas的所有框架和库.

提前致谢.

编辑:有一件事我忘了提到:除了几何对象,我还需要能够绘制路径(即涂鸦)并解析它们.虽然没有必要为他们提供处理程序,但如果我不必在库外部实现这一点,我会很高兴.



1> Variant..:

一个很棒的库,可以通过拖放,调整大小,旋转来模拟对象.它还可以导入SVG数据,可以帮助您导入矢量图形.

该库名为fabric.js:https: //github.com/kangax/fabric.js

您可以看到一些演示并感受它如何适合您:http://kangax.github.com/fabric.js/demos/index.html

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有