mxGraph开发入门指南

2021年2月1日发(作者：standalone)

mxGraph

教程

1 -

开发入门指南

Overview

概述

< p>
mxGraph

是一个

JS

绘图组件适用于需要在网页中设计

/

编辑

Workflow/BPM

流程

图、图表、网络图和普通图 形的

Web

应用程序。

mxgraph

下载包中包括用

javescript

写的前端程序

,

也包括多个和后端程序

(java/C#

等等

)

集成的例子。

以下是

mxgraph

应用的几个例子 。（你可以到

的主页下载

mxgrap h

，

和更多的

mxgraph

实例）

电力系统案例

工作流设计器

化工系统案例

mxGraph

客户端是一个图形组件，并提供和网页集成的接口。。客户端需要一

个

Web

服务器提供所需的文件，也可以在本地文件系统上运行。 后台可用于集

成到现有存在的服务器所支持的语言中。

与后台配合后，

该组件可完成以下功能：

?

创建类似

visio

的图库

?

存储加载图库

?

创建一个

graph

对象

?

与其他客户共享图库

上述几种方式可 以结合起来应用，

如发送更改配置的

XML

文件到后台，

或自动保

存图形以免数据丢失。并且客户端可 以本地化操作。

Hello, World!

hello word

示例是一个单独的

html

文件，包含命名空 间，

mxgraph

的

lib

，和示

例代码。示例直接在浏览器中看运行效果。

（用火狐浏览器按

crl+U

或直接单击

页面用

IE

浏览器查看资源。）

引入库文件

网页头部包含

< p>
javascript

代码和依赖关系。用以下代码来加载库文件。

mxBasePath

变量用来定义库资源的目录。这个变量必须在加 载库前就定义好。