2

我想创建类似于 UML / 流程图设计工具的东西。用户应该能够将形状拖到画布上,然后将文本添加到形状中,调整形状大小,重新定位形状,并通过角线将形状链接在一起。

问题:

是否有任何 JavaScript Canvas 库可供我在其上构建这样的应用程序?

如果您不确定我要达到的目标,请随时问我。提前致谢!

笔记:

任何教程也非常感谢!

4

2 回答 2

3

我不了解库,我不使用库,而是通过控制所有鼠标事件自行完成所有操作:mousedown、mouseup、mousemove 等。

也许你可以通过阅读这个家伙的博客来学习,西蒙,他有很好的教程,比如:

http://simonsarris.com/blog/510-making-html5-canvas-useful

http://simonsarris.com/blog/225-canvas-selecting-resizing-shape

于 2012-04-27T12:15:36.573 回答
2

如果它不是太复杂或太大,那么 SVG 可能是一个更容易的选择。

RaphaelJS可能是最流行的 SVG 库。

可以做像这样简单的事情的画布库是FabricJSKineticJS,但我认为它们中的任何一个都不能很好地支持链接的概念。

于 2012-04-27T03:20:09.827 回答