vue项目中使用bpmn-流程图xml文件中节点属性转json结构

本系列“vue项目中使用bpmn-xxxx”分为七篇，均为自己使用过程中用到的实例，手工原创，目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。如果转载或通过爬虫直接爬的，格式特别丑，请来原创看：我是作者原文

前情提要

前面我们讨论了bpmn流程图的基本绘制、添加节点颜色等，本次我们来说，如何把xml文件中各种标签包裹的节点属性，转成前端常用的json格式，方便回显在页面。首先，我们通过一张图看一下流程图xml文件中，节点的属性有哪几种格式。