activiti-modeler 流程图修改样式（颜色形状等）

activiti-modeler很强大，但是原生的UI确实有点不那么好看。为了把工作流的页面展示改得好看些，碰壁了很久，终于找到了修改activiti-modeler 样式的方法。应用的资源很多，页面的大部分样式是通过css修改，但是工作流的样式则需要在另一个文件修改：stencilset.json。

stencilset.json

这个json里面配置了工作流页面展示的大部分样式，包括大小，颜色，图形，位置等。

{
        "type" : "node",
        "id" : "StartNoneEvent",
        "title" : "启动",
        "description" : "A start event without a specific trigger",
        "view" : "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns=\"http://www.w3.org/2000/svg\"\n   xmlns:oryx=\"http://www.b3mn.org/oryx\"\n   width=\"62\"\n   height=\"62\"\n   version=\"1.0\">\n  <defs></defs>\n  <oryx:magnets>\n  \t<oryx:magnet oryx:cx=\"31\" oryx:cy=\"31\" oryx:default=\"yes\" />\n  </oryx:magnets>\n  <g pointer-events=\"fill\">\n    <circle fill=\"#D5EBDB\" cx=\"31\" cy=\"31\" r=\"31\"/>\n <path fill=\"#55B65D\" d=\"M25.6,44.2h-0.9c-0.1,0-0.2,0-0.3,0c-0.6-0.1-1.2-0.4-1.7-0.8c-0.5-0.4-0.9-0.9-1.1-1.5c-0.2-0.4-0.2-0.8-0.2-1.3V21.4c0-0.9,0.2-1.6,0.8-2.3c0.5-0.7,1.2-1.1,2.1-1.3c0.3-0.1,0.7-0.1,1-0.1c0.4,0,0.9,0.1,1.3,0.3c0.3,0.1,0.5,0.3,0.7,0.4c1,0.6,2,1.2,3,1.7c1,0.6,2.1,1.2,3.1,1.8c0.9,0.5,1.7,1,2.6,1.5c0.8,0.4,1.6,0.9,2.3,1.3c0.9,0.5,1.7,1,2.6,1.5c0.8,0.5,1.7,0.9,2.5,1.5c0.9,0.5,1.4,1.3,1.7,2.3c0.1,0.3,0.1,0.6,0.1,1c0,0.4,0,0.7-0.1,1.1c-0.3,1-1,1.7-1.9,2.2c-0.9,0.5-1.9,1.1-2.8,1.6c-1,0.6-2,1.2-3,1.7c-1,0.6-2.1,1.2-3.1,1.8c-0.9,0.5-1.8,1-2.6,1.5c-1,0.6-1.9,1.1-2.9,1.7c-0.6,0.4-1.2,0.7-1.8,1C26.6,44,26.1,44.2,25.6,44.2L25.6,44.2z M25.6,44.2\" />\n  </g>\n</svg>",
        "icon" : "startevent/none.png",
        "groups" : [ "启动事件" ],
        "propertyPackages" : [ "overrideidpackage", "namepackage", "documentationpackage" ],
        "hiddenPropertyPackages" : [ ],
        "roles" : [ "sequence_start", "Startevents_all", "StartEventsMorph", "all" ]
    }

<g></g>里面是流程图形；
path的d：这个值可以通过AI生成svg格式，文本打开能拿到这个d的值；
fill：填充颜色；
stoke：边框的颜色。
ps：改变了启动项的大小后，需要改一下连线点的初始位置才能与图形居中：<oryx:magnet oryx:cx=\"31\" oryx:cy=\"31\" 。

最后感谢大佬的经验分享：https://blog.youkuaiyun.com/fgstudent/article/details/50668086