《Activiti /Flowable 深入BPM工作流》- idea中如何将 .bpmn 转换成 .png 图片?

逃离我推掉我的手 2023-07-25 08:47 127阅读 0赞

# **《Activiti /Flowable深入BPM工作流》- 如何将 .bpmn 转换成****.png 格** #

# **式?** #

# **一. 问题** #

**      上一篇博文中, 小编分享过, [如何将 .bpmn文件转成成 .xml格式?][.bpmn_ .xml]  本文将分享一下如何将 .bpmn转换成 .png图片格式.**

### **     idea中如何将 .bpmn 转换成 .png 图片?** ###

# **二.详情** #

**   idea中如何将 .bpmn 转换成 .png 图片?**

解答:

### 1. 将apply.bpm 文件改为扩展名 .xml的文件名称:  apply.xml ###

修改前的bpm文件效果如下:

![20200513221816247.png][]

### **2. 在apply.xml文件上面,点击右键选择  Diagrams菜单, 再选择 Show BPMN2.0 Designer... ** ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70][]

### **3. 打开效果图如下:** ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 1][]

### **4. 点击 Export To File小图标,如下:** ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 2][]

**然后保存到你计划的文件地址, 成功如下:**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 3][]

[.bpmn_ .xml]: https://blog.csdn.net/u013067756/article/details/105959136
[20200513221816247.png]: /images/20230528/74eba0b3a00145fd86973411d1639d17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70]: /images/20230528/8e9fdbc9567c42bf9cb9fbaf8f7910d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 1]: /images/20230528/065bd3aae9c64cca9c293051daef1fb6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 2]: /images/20230528/e76da993bb9f4c178ef68835c001c5d0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMwNjc3NTY_size_16_color_FFFFFF_t_70 3]: /images/20230528/86380afe575d4392b5a2f6e5d6c4889e.png