AddFlow

创建交互式流程图和工作流关系图

以下是 "AddFlow for HTML5",如果您需要了解更多信息,您可以联系我们。

Addflow for HTML5是100% Javascript 开发的流程图组件,它基于HTML5 Canvas技术。利用它,你可以快速创建工作流图形,数据库图形,通讯网络图,组织架构图,处理流程图,状态转换图,电话呼叫中心,CRM,专家系统,图形理论,质量控制图等。Addflow for HTML5使用非常简单,而且非常轻量,并且还能自定义扩展,专业版还提供一套图形布局算法。


Image


主要功能

  • 绘图可以交互地或以编程方式进行
  • 不同的形状、样式、颜色、字体可以按每项(用于节点或链接)或控件的默认属性定义
  • 许多属性允许自定义控件 (canDrawNode, canMoveNode, canMultiLink,等) 或者一个项目 (isXSizeable, isYSizeable, isXMoveable, isYMoveable, isSelectable, isStretchable等)

交互功能

  • 多选择 
  • 多级撤消/重做
  • 移动或调整大小时节点保持连接
  • 变焦
  • 滚动
  • 淘选
  • 对齐网格


节点功能

  • 节点内容是完全可自定义的(样式、模板)
  • 许多预定义形状 (而且列表可以很容易地增加)
  • 在节点中显示文本和图像的能力
  • 文本定位选项
  • 图像定位选项
  • 阴影, Z阶


连线功能

  • 许多预定义的箭头样式(而且列表可以很容易地增加:很容易定义自己的自定义箭头)
  • 可以重新定义链接的样式
  • 可伸缩的链接。一个链接可以由多个片段组成。用户可以交互式地添加或删除段
  • 曲线连接 (Bezier and Spline)
  • 反身联系
  • 交互更改链接的源节点或目标节点的可能性
  • 阴影,Z阶


自动布局(仅限专业版)

  • 层次式布局
  • 直角布局
  • 对称(强制)布局
  • 串并联布局
  • 树形布局
  • 径向布局