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

Question

使用Vis.js我希望生成Circular image和Node边界之间存在差距的内容

示例：

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

vis.js GitHub issue report

Answer 1

没有办法不幸地实现这一目标。 parameter "node" is not a type name 选项只接受一个边框，因为Vis是使用画布而不是SVG构建的，所以您无法使用CSS。

要做到这一点，您可以将图像裁剪成圆形，并使用透明填充物来形成间隙。然后vis会为你添加黑色边框。

Answer 2

是的，您可以这样做。不要在node中添加边框选项。您可以在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();
})