bpmn2 vue 设计器_在vue中使用bpmn-js（二）

2.新建空的图，功能要求：

① 空的，能自己画；

② 以SVG image格式、BPMN diagram格式下载在本地；

html:

• 下载

• BPMN diagram

• SVG image

js:

// 引入相关的依赖

// import BpmnViewer from 'bpmn-js'

import BpmnModeler from 'bpmn-js/lib/Modeler'

import propertiesPanelModule from 'bpmn-js-properties-panel'

import propertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda'

import camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda'

export default {

data () {

return {

// bpmn建模器

bpmnModeler: null,

container: null,

canvas: null,

xmlStr: null,