项目运用是流程编译器:
直接下载调用:
下载: npm install bpmn-js --save
调用: import BpmnViewer from 'bpmn-js/lib/Viewer'
【可以写了组件里,在需要的地方调用组件】
bpmn-js有两种模式:Modeler模式和Viewer模式,在Modeler模式下可以对流程图进行编辑,而Viewer模式则不能,仅作为展示用
参考具体图解bpmn-js Edit 和Viewer(一)_bpmnviewer_关了个封的博客-CSDN博客
BPMN-JS是一个基于JavaScript的BPMN 2.0流程建模工具库,可以通过BPMN-JS实现画流程图、流程部署等操作。BPMN-JS提供了一系列API来实现与BPMN 2.0元素进行交互,可以方便地将流程图嵌入到应用程序中。此外,BPMN-JS还支持将流程图导出为SVG、XML等格式。👇