我想使用PNG(或SVG)背景图像(background-fit:'contains'),然后动态更改节点边框(基于数据)。一切都有效,除了一件事:节点边界在节点周围呈现“居中”,因此该行的一半在节点的维度之外,一半在节点内。这会剪切背景图像(请参阅下面的nodes.jpg)。
作为一种解决方法,我尝试使用'background-width'和'background-height'(设置为60%)来创建类似于CSS中的填充但这会改变背景图像的纵横比(它拉伸图像)这是我不想要的。
有没有办法如何用Cytoscape.js中的当前CSS样式实现所需的结果(我使用的是CY 2.7.11)?
答案 0 :(得分:0)
中风在画布中的运作方式。除非浏览器添加新的API来控制笔划位置(内部,外部,上/中),否则没有高效的外边框。
设置填充以放大节点的外部宽度/高度而不影响其内部宽度/高度(用于bg img大小调整):http://js.cytoscape.org/#style/node-body
只需将填充设置为边框宽度的一半或更大。