javascript - 带边框的图像不适用于 Vis.js 中的所有节点

Question

我搜索了一个选项来使用 VisJS 网络图和带有边框的选项图像，如下例所示：

http://visjs.org/examples/network/nodeStyles/imagesWithBorders.html

但并非适用于所有图像。

我尝试附加应该像这样获得边框的节点的设置

 if(some expression){
        aService.shapeProperties = {useBorderWithImage:true};
        aService.nodes =  {
            borderWidth:100,
                size:50,
                color: {
                border: '#ff0000',
                    background: '#ff0000'
            },
            shapeProperties: {
                useBorderWithImage:true
            }
        };
    }

但这被忽略了。

我怎样才能做到正确？

Answer 1

您是否尝试过在节点创建时直接设置节点选项？例如：

var nodes = new vis.DataSet();
var visNode = {id: 123, shape: 'image', image: 'person.png', borderWidth:    5, shapeProperties: { useBorderWithImage:true} };

nodes.update([visNode]);

虽然我自己没有在单个节点上这样做，但我想它会起作用。顺便说一句，请注意，borderWidth 为 100 可能是太大的边框。您可能想先尝试一个小数字 - 例如 5-，然后根据需要增加它。