使用vue+div+svg实现审批流程图功能，可生成JSON格式
·
前段时间手写一个画审批流程的功能，当时使用的纯svg实现的，使用期间遇到了一些问题，纯svg实现逻辑会复杂一些，比如：svg矩形不能写文字、元素内不能放子元素等，所以这次使用“DIV+SVG”重新开发一版。
上一个纯SVG纯地址是：SVG绘制流程图_高彬的博客-CSDN博客_svg流程图 本次只使用svg画箭头，其他全部使用HTML标签实现，由于基于上一次的经验开发，因此这里没有什么难点，直接提供源码供大家参考：
https://download.csdn.net/download/dystocia/85281193效果：
提示：通过 getData()获取json，其中steps是审批步骤json，arrows是连接线。
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)