JavaScript 库，用于使用 Canvas 进行矩形操作

JavaScript libraries for rectangle manipulation using Canvas

本文关键字：操作 Canvas 用于 JavaScript      更新时间：2023-09-26

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

问题：

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

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

注意：

任何教程也非常感谢！

我不知道库，我不使用库，而是通过控制所有鼠标事件来自己做所有事情：鼠标向下、鼠标向上、鼠标移动等。

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

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

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

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

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

可以做这样简单事情的画布库是 FabricJS 和 KineticJS，但我认为它们都不太支持链接的概念。

相关文章：