bpmn-js改造(⼆)预览状态下添加拖拽功能
流程图查看采⽤的是BpmnViewer⽅式来展⽰流程图,上效果图:
问题来了,发现svg图⽚⽆法拖拽位置,在设计模式下是可以的,但查看模式不⾏了。但有些场景是需要进⾏拖拽的。⼿动加上拖拽功能,因为我这边修改了⼤量bpmn-js的源码,所以我采⽤的是直接在这个源码基础上扩展。
到Viewer.js⽂件
svg canvas然后在导⼊的地⽅加上
import ZoomScrollModule from "diagram-js/lib/navigation/zoomscroll"; import MoveCanvasModule from "diagram-js/lib/navigation/movecanvas";
使⽤模块申明地⽅加上
ZoomScrollModule,
MoveCanvasModule,
这时候 再打开图进⾏预览就可以拖拽了。