知道要用哪些节点后，那么就需要画流程图了。
    这是流程引擎的一个关键部分：流程图设计器。

    在选型的时候，前端找了很多方案：
    1、https://demo.bpmn.io/new
    一个很简洁的XML读写，可以拖拉拽画纯流程图。有浮层帮助快速设置下一节点。

    2、https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
    类ProcessOn的图形设计器，BPM只是其中一种。右侧可设置图形属性，很丰富了

    3、http://jgraph.github.io/mxgraph/javascript/examples/editors/workfloweditor.html
    更加自由的设计器，支持邮件属性。

    4、activiti 由于部署公司服务器，就不贴链接了
    可读写XML，节点可简单区分和拼合。可以快速设置下一节点。可设置节点简单的属性。

    由于需求要支持设置属性、邮件编辑，最终好像选了2、3 的结合体。
    再加上要兼容更多的交互需求，包括自动排列、连线等，前端几乎改写了整个设计器。