项目实践工作流之Activiti学习（十八）

6.1.3 .png 图片文件

Eclipse 工具中的操作

流程图片生成的两种方式：

 使用 activiti-designer 设计流程图时自动生成

需在 eclipse 中进行配置：

使用 designer 设计流程图的同时自动生成与 bpmn 文件同名的图片文件(.png)

 由 activiti 自动生成图形

流程图设计完毕向 activiti 中部署流程定义文件 bpmn，部署时由 activiti 自动生成流程图片。(流程部署在下面的章节讲解)

注意：此方法生成时如果图形中有中文生成的图片上显示乱码，且.bpmn 中的坐标和图片显示错位。

IDEA 工具中的操作方式

第一步：将 holiday.bpmn 文件改为扩展名 xml的文件名称：holiday.xml

修改前的 bpmn 文件，效果如下：

第二步：在 holiday.xml 文件上面，点右键并选择 Diagrams 菜单，再选择 Show BPMN2.0 Designer…

第三步：打开后的效果图如下：

第四步：

点击 Export To File 的小图标，如下：

打开如下窗口，注意填写文件名及扩展名，选择好保存图片的位置：

第五步：中文乱码的解决

1.打开 IDEA 安装路径，找到如下的安装目录

根据自己所安装的版本来决定，我使用的是 64 位的 idea，所以在 idea64.exe.vmoptions 文件的最后

一行追加一条命令： -Dfile.encoding=UTF-8

如下所示：

一定注意，不要有空格，否则重启 IDEA 时会打不开，然后 重启 IDEA，把原来的 png 图片删掉，再重新生成，即可解决乱码问题