javascript - 如何应用CSS/样式来导入jointjs bpmn对象？

最近，我们将仪表板的一部分与一家向我们提供业务流程模型和表示法（BPMN）json对象的公司进行了集成。

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

那很好。

通过我不知道如何设置该对象的样式？如何将CSS或任何其他样式的样式应用于导入的对象？

提前致谢 ：-）

最佳答案

更新：

这将适用于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>

关于javascript - 如何应用CSS/样式来导入jointjs bpmn对象？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37854362/