bpmnjs如何设置/改变图形节点颜色?

bpmnjs官方图形节点默认是黑白色，项目中需要用颜色标注不同状态的节点，比如已走完的节点设置为绿色，直接用官方的this.modeling.setColor()方法即可：

export default{
    data(){
        return {
            modeling:"",
            elementRegistry:""
        }
    },
    methods:{
        init(){
            this.elementRegistry = this.modeler.get("elementRegistry")
            this.modeling = this.modeler.get('modeling')
        }
        setNodeColor(shapes, colorJson){
            this.modeling.setColor(shapes, colorJson)
        }，
        demo(){
            //接口获取图形节点
            let shapeIds = ['Activiti_a35oa', 'Activiti_09lkjh']
            let shapes = []
            shapeIds.forEach((id)=>{
                let shape = this.elementRegistry.get(id)
                shapes.push(shape)
            })
            this.setNodeColor(shapes, {stroke: 'green'})
        }
    }
}
//通过后端返回已经走过的节点id获取需要改变颜色的节点id数组

this.modeler的获取前面的篇章已经说过，不知道的同学可以看这里：

bpmnjs如何自定义Modeler？vue+bpmnjs

引导：

关于bpmnjs+vue的更多篇章，小编已经全部整理在这里：
bpmnjs+vue中文文档API常见方法使用总结