首页 > 解决方案 > 如何使用 cytoscape.js 装饰具有背景色标题的父节点,例如面板样式

问题描述

我使用复合图形库cytoscape.js已经有几天了,并且熟悉它的演示和基本 API。

但我想知道是否可以使用如下截图所示的样式来装饰父节点。

预期结果

父节点的默认样式只是一个矩形框。是否可以使用背景色标题渲染它?

任何帮助是极大的赞赏。

标签: stylesnodespanelparentcytoscape.js

解决方案


我终于用下面的代码片段解决了我的问题。

{
    selector: ':parent',
    style: {
        'background-image': function(){
            return "title.jpg";
        },
        'padding-top' : '25px',
        'background-position-x' : '0',
        'background-position-y' : '0',
        'background-width' : '100%',
        'background-height' : '25px',
        'background-fit' : 'contain',
    }
}

推荐阅读