Vis.js 节点与其边界之间的差距

Question

使用 Vis.js 我想在 Circular image 和节点边界

之间有间隙的地方生成一些东西

示例：

我在 Vis.js 文档中找不到任何关于此类修改的内容，有人可以指导我吗？

vis.js GitHub issue report

Answer 1

不幸的是，没有办法实现这一目标。 color 选项只接受一个边框，您不能使用 CSS，因为 Vis 是使用 canvas 而不是 SVG 构建的。

要实现此目的，您可以将图像裁剪成圆形，并使用一些透明填充来制作间隙。然后vis会为你加上黑边。

Answer 2

是的，你可以 that.do 不添加边框选项 node.you 可以在 afterDrawing 事件中添加圆形边框。

network.on("afterDrawing", function (ctx) {
            var imageSize= 21;
            var nodeId = 1;
            var nodePosition = network.getPositions([nodeId]);
            ctx.strokeStyle = '#006bb3';
            ctx.lineWidth = 4;
            ctx.circle(nodePosition[nodeId].x, nodePosition[nodeId].y, imageSize+5);
            ctx.stroke();
})

Vis.js 节点与其边界之间的差距

Vis.js Gap between Node and its border

vis.js

vis.js-network