一、用户界面
Processon在线画图工具是一款基于云端的图表设计工具，用户可以在浏览器中直接访问并使用，免去了下载安装软件的麻烦。
进入Processon的网站后，用户可以先通过注册或登录来创建自己的账号。登录后，界面上方有一排菜单栏，包括“开始画图”、“我的图库”、“商城”、“我的消息”、“个人中心”等。用户可以通过这些菜单查看自己的所有图表、购买模板、查看消息等。
在绘图界面，页面左边有一排工具栏，包括“基本形状”、“流程图”、“网络图”、“ER图”、“思维导图”、“UI设计”等等。用户可以通过这些分类找到所需的图形元素。在页面的右侧是画布区，用户可以将所选的图形元素拖拽到画布上来构建自己的图表。
总体来说，Processon的用户界面非常简洁明了，菜单栏和工具栏都被布置在恰当的位置上，使用户能够轻松地找到所需的功能。
二、图表设计
Processon在线画图工具支持多种类型的图表设计，包括基本图形、流程图、网络图、ER图、思维导图、UI设计等等。
基本图形包括各种常用的形状，如圆形、矩形、三角形、箭头等等。流程图可以快速绘制业务流程图、树形图等流程类型的图表。网络图可以通过各种节点连接来构建复杂的网络结构。ER图则常用于数据库设计，可用于绘制实体关系模型图及其属性和关系连接。思维导图则可用于呈现复杂的思维关系，帮助用户更好地理解问题或解决方案。UI设计则提供了各种样式的UI元素，供用户快速地设计网页或应用程序的界面。
在绘制图表时，用户可以通过鼠标拖拽图形元素、更改元素颜色、编辑元素文本等方式来创建自己的图表。除此之外，Processon还提供了各种快捷键操作，如Ctrl+C、Ctrl+V、Ctrl+Z等，方便用户快速完成图表的设计。
三、团队协作
Processon在线画图工具也支持团队协作。用户可以创建团队，并邀请多个成员来协作完成图表设计。在团队协作中，管理员可以设置不同的成员角色，如拥有编辑权限的管理员、只能查看的普通成员等。
团队协作中，每位成员都可以对图表进行编辑、评论等操作。所有的更改都会被实时同步，方便团队成员对图表的迭代和改进。此外，在创建团队时，管理员也可以设置团队仓库，并上传模板、设计图等资源供团队成员使用。
四、代码实现
Processon在线画图
基本形状
- 圆形
- 矩形
- 三角形
- 箭头
流程图
- 开始节点
- 结束节点
- 决策节点
- 流程线
网络图
- 节点
- 链接
- 交换机
- 路由器
ER图
- 实体
- 属性
- 关系
- 连接线
<script type="text/javascript" src="processon.js"></script>
