边框-阴影和缩小胞景中父元素css的大小

Question

我的图片如下：

​

​

我试图添加边框阴影到矩形形状。这在赛托斯角有可能吗？此外，父元素是客户和订单。是否可以减少客户和订单父元素的大小？

下面是代码和工作示例的链接：test.json

Answer 1

减少父级大小的：

这是一个样式问题，cytoscape.js将填充应用于父元素，如果希望父元素尽可能小，则必须在:父样式中调整填充：

{
    selector: ":parent",
    css: {
        ...
        "padding": "0px"  \\ remove padding completely, parent almost touching inner nodes
    }
},

边界阴影

这有点棘手，cytoscape.js只提供了一个正常的边框(比如“边框”："1px实心黑色“)。您可以使用以下样式：

• 边框宽度:节点边框的大小。
• 边框样式:节点边框的样式；可以是实心的、虚线的、虚线的或双倍的.
• 边框颜色:节点边框的颜色。
• 边界不透明:节点边界的不透明度。

所有这些都不能为我们提供适用单方面边界的能力。作为替代，我使用了幽灵样式：

• 鬼:是否使用鬼效果；可能是或否。
• 鬼-偏移-x:用于定位鬼效果的水平偏移量.
• 鬼-偏移-y:用于定位鬼效果的垂直偏移量.
• 幽灵-不透明:幽灵效果的不透明度。

如果稍微调整一下，就可以使用x偏移量和一个很好的不透明度值来实现这个框影：

ghost: "yes",
"ghost-opacity": 0.5,
"ghost-offset-x": 1

下面是一个工作的stackblitz，它同时应用了两个更改。