colors

原文链接

通过Overlay

该方法依赖于jQuery

viewer.importXML(diagramXML, function() {
  var overlays = viewer.get('overlays');
  var elementRegistry = viewer.get('elementRegistry');
  var shape = elementRegistry.get('UserTask_1');
  var $overlayHtml =
    $('<div class="highlight-overlay">')
      .css({
        width: shape.width,
        height: shape.height
      });
  overlays.add('UserTask_1', {
    position: {
      top: -5,
      left: -5
    },
    html: $overlayHtml
  });
});

通过覆盖一个DOM，改变颜色。

BPMN 2.0 扩展

var bpmnModeler = ...;
var modeling = bpmnModeler.get('modeling');
var elementsToColor = [ element1, element2 ];
modeling.setColor(elementsToColor, {
  stroke: 'green',
  fill: 'yellow'
});