2024年5月7日发(作者：候梓露)
1 mxgraph介绍
1.1 基本概念
mxGraph 是一个 JS 绘图组件适用于需要在网页中设计/编辑
流程图、图表、网络图和普通图形的 Web 应用程序。mxgraph 下
载包中包括用javascript 写的前端程序,也包括多个和后端程序
(java/C#等等)集成的例子。
mxgraph支持拖动和克隆细胞，重新调整和改造， 连接和断开，
拖动和下降，从外部来源，编辑 细胞中的标签和更多。
mxGraph客户端是一个图形组件，并提供和网页集成的接口。客
户端需要一个Web服务器提供所需的文件，也可以在本地文件系统
上运行。后台可用于集成到现有存在的服务器所支持的语言中。
涉及的一些基本概念：
图：由顶点，也称为节点，以及边（节点之间的连接线）组成。
顶点可以是图形、图像、矢量绘图、动画以及几乎所有可以在浏览器
中 操作的图形。
交互：使用mxGraph的应用程序中，通过WEB应用程序的GUI改
变图形模式。 mxGraph支持拖动、复制图元、重新调整大小、重新
构造，连接和断开，从外部源的拖放和删除，编辑图元标签中的位置
等等。将交互信息放在客户端，通过javascript实现
布局：图形图元可以布置在一个简单的应用程序的任何地方，包
括在彼此顶部。图元可通过边是彼此相互联系。mxGraph支持树、流
向和层次的布局，来满足大多数布局的需求。
2 mxgraph使用
2.1 mxgraph文档
目前官方的文档是需要付费的，文档中包括服务端代码，客户端
功能以及介绍。文档的结构表：
/doc
/dotnet
/php
/java
/javascript
/javascript/example
s
文档根目录，保持此用户手册
.NET服务器端代码
php代码
Java服务器端代码
JavaScript客户端功能
mxGraph的HTML演示例子
开发库的基础介绍
我们现在只使用mxgraph的客户端功能，也就是只关注javascript
部分。
2.2 使用说明
官方文档/javascript/examples下的HTML演示例子，可以通过浏
览器直接打开查看效果。把mxgraph应用到我们的项目中，首先需要
把js源文件，配置文件，图片文件等加进去。
具体步骤：
1. 新建文件夹，比如：mxgraph。
2. 把src，editors，images等文件夹放到相应的目录下。src文件
2024年5月7日发(作者：候梓露)
1 mxgraph介绍
1.1 基本概念
mxGraph 是一个 JS 绘图组件适用于需要在网页中设计/编辑
流程图、图表、网络图和普通图形的 Web 应用程序。mxgraph 下
载包中包括用javascript 写的前端程序,也包括多个和后端程序
(java/C#等等)集成的例子。
mxgraph支持拖动和克隆细胞，重新调整和改造， 连接和断开，
拖动和下降，从外部来源，编辑 细胞中的标签和更多。
mxGraph客户端是一个图形组件，并提供和网页集成的接口。客
户端需要一个Web服务器提供所需的文件，也可以在本地文件系统
上运行。后台可用于集成到现有存在的服务器所支持的语言中。
涉及的一些基本概念：
图：由顶点，也称为节点，以及边（节点之间的连接线）组成。
顶点可以是图形、图像、矢量绘图、动画以及几乎所有可以在浏览器
中 操作的图形。
交互：使用mxGraph的应用程序中，通过WEB应用程序的GUI改
变图形模式。 mxGraph支持拖动、复制图元、重新调整大小、重新
构造，连接和断开，从外部源的拖放和删除，编辑图元标签中的位置
等等。将交互信息放在客户端，通过javascript实现
布局：图形图元可以布置在一个简单的应用程序的任何地方，包
括在彼此顶部。图元可通过边是彼此相互联系。mxGraph支持树、流
向和层次的布局，来满足大多数布局的需求。
2 mxgraph使用
2.1 mxgraph文档
目前官方的文档是需要付费的，文档中包括服务端代码，客户端
功能以及介绍。文档的结构表：
/doc
/dotnet
/php
/java
/javascript
/javascript/example
s
文档根目录，保持此用户手册
.NET服务器端代码
php代码
Java服务器端代码
JavaScript客户端功能
mxGraph的HTML演示例子
开发库的基础介绍
我们现在只使用mxgraph的客户端功能，也就是只关注javascript
部分。
2.2 使用说明
官方文档/javascript/examples下的HTML演示例子，可以通过浏
览器直接打开查看效果。把mxgraph应用到我们的项目中，首先需要
把js源文件，配置文件，图片文件等加进去。
具体步骤：
1. 新建文件夹，比如：mxgraph。
2. 把src，editors，images等文件夹放到相应的目录下。src文件