activiti前端画图转化_Activiti开发案例之activiti-app工作流导出图片

前言

自从 Activiti 和 JBPM4 分家以后，Activiti 目前已经发展到了版本7，本着稳定性原则我们最终选择了6，之前还有一个版本5。

问题

在开发使用的过程中发现 Activiti 自带的 Web 端作图工具居然没有图片导出功能，这显然是不能满足我们的需求。于是参考导出 xml 功能，阅读了部分源码，也没有发现相关的 API，难道官方人员忽略了一个这么重要的功能！！！

由于Activiti-app 生成的表和 Activiti 本身自带的表有很多结构性差异，虽然通过代码也是可以生成工作流程图，然而研究了半天并没有找到对应关联关系，有解决的小伙伴还请告知。

方案

后端路走不通，换个方向继续走，功能还是要实现的，于是有了以下方案，前端 SVG 转 PNG。

需要修改以下三个文件：

editor/index.html

editor/views/process.html

display/displaymodel.js

index.html 引入：

process.html 追加：

displaymodel.js 追加：

var imagedata = "";

jQuery(function() {// 初始化内容

setTimeout(function () { //延时初始化，为了保证画布完整

var svgXml = jQuery('#bpmnModel').html();var