Skip to content

svg实现流程图绘制,及流程图转xpdl和xml,导入导出json /** 工作之余,将会用 vue es6 重构代码,敬请期待... **/

Notifications You must be signed in to change notification settings

wushu0725/flowchart

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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浏览测试。

About

svg实现流程图绘制,及流程图转xpdl和xml,导入导出json /** 工作之余,将会用 vue es6 重构代码,敬请期待... **/

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 77.5%
  • HTML 12.2%
  • CSS 10.3%