Question

我们最近将仪表板的各个部分与向我们提供业务流程模型和符号（BPMN）json对象的公司集成在一起。

我们将带有“fromJSON（）”的BPMN json对象导入joint.dia.Paper。

这很好。

我无法弄清楚如何设置该对象的样式？如何将CSS或任何其他形式的样式应用于导入的对象？

提前致谢： - ）

Answer 1

<强>更新

这适用于Rappid 2.0：

CSS应该可以正常工作，例如

<style>
    .joint-theme-bpmn[data-type='bpmn.Event'] circle {
        stroke: red;
    }
</style>

其中data-type对应于特定元素的属性type：

    joint.shapes.bpmn.Event = joint.dia.Element.extend({

        // ... markup ... 

        defaults: joint.util.deepSupplement({
            type: 'bpmn.Event',
            // attrs: {
            // ...

适用于1.x版本：

而不是属性data-type，有一个没有.的类名，因此对于bpmn.Event类型，您可以找到类似

的内容

<g id="j_46" model-id="083..." class="element bpmn Gateway" ">...</g>

然后像这样的CSS应该工作：

 <style>
        .bpmn.Event circle {
            stroke: red;
        }

    </style>

如何将CSS /样式应用于导入的关节js bpmn对象？

1 个答案: