使用Canvas进行矩形操作的JavaScript库

Question

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

问题：

是否有任何JavaScript Canvas库可以构建这样的应用程序？

如果您不确定我想要实现的目标，请随时问我。提前谢谢！

注意：

任何教程也非常感谢！

Answer 1

我不了解图书馆，我不使用图书馆，而是通过控制所有鼠标事件自行完成所有事情：mousedown，mouseup，mousemove等。

也许你可以通过阅读这个人的博客来学习，西蒙，他有很好的教程，如：

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

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

Answer 2

如果它不太复杂或太大，那么SVG可能会更容易下注。

RaphaelJS可能是最受欢迎的SVG库。

可以执行此类简单操作的Canvas库是FabricJS和KineticJS，但我不认为其中任何一个都能很好地支持链接的概念。