/flowchart

svg实现流程图绘制,导入导出json [正在重构项目flowchart-vue],地址:

Primary LanguageJavaScriptMIT LicenseMIT

flow-chart

Demo演示(Chrome):

Demo Online

SVG实现流程图绘制,前端页面应用:jquery.js/d3.js/ semantic.css

功能包括:

  • 流程图块生成、拖拽、连线
  • 放大缩小功能
  • 导入导出json数据
  • 产生相应的xmlxpdl
  • 保存(还未完成,待更新)

产品成果如下:

Image text

主视图

Image text

Xpdl视图

Image text

Xml视图

Image text

本项目兼容Chrome/Firefox/IE11,最好用Chrome浏览测试。