如何在cytoscape.js中更改叠加层的形状和z-index？

Question

我希望有一个不在标签上的叠加层，它的形状与它所在的节点相同。我怎样才能扩展cytoscape.js或重用现有的功能呢？

我尝试使用border来实现这个结果，但我不喜欢的是边框进入形状内部，如附图中所示。

Answer 1

边框是画布中的笔划。这就是API在浏览器中的工作方式，API用于创建Cy.js可视化。

在具有剪裁的节点主体之前绘制边框可能会使边框不像笔划，但这会带来很高的费用 - 当许多用户需要高性能图表时，这是不可接受的。半透明边界在美学和性能方面都是一个很好的折衷方案。

关于叠加层：否，不可能以通用方式执行此操作。对于某些形状，将节点体形状绘制为叠加层但仅具有更大的尺寸就足够了 - 但这对于triangle等形状不起作用。

如果我是你，我会选择半透明的边界 - 至少现在。或者，您可以使用较小的叠加层，使其更紧密。

如果你真的想要，我可以指出你要修改的代码方向。

编辑：或者（新）border-z-order样式属性或类似属性对您有用吗？如果您的节点是不透明的，那么后面的边框不需要剪切...