mxGraph图像节点边

Question

我正在使用以下代码在mxGraph中创建图像节点。

var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = mxConstants.STYLE_IMAGE;
style[mxConstants.STYLE_IMAGE] = 'images/sourceIcon_Sample2.png;';

mxConstants.VERTEX_SELECTION_COLOR = '#FFFFFF';

开始更新

var v1 = graph.insertVertex(parent, null, "Obj1", 70, 130, width, height,"");
var v2 = graph.insertVertex(parent, null, "Obj2", 70, 130, width, height,"");
graph.insertEdge(parent, null, "", v1, v2);

这首先正确地创建了我的节点，但是在我移动节点之后，边缘似乎与节点无关。请参考下图。

现在我明白边缘实际上附着在节点上，但由于图像节点它看起来像这样，但我的问题是我可以避免它吗？

或者有没有办法使用shape=circle并将图片放入其中。我不想改变图形的外观，我也支持其他形状，如六边形图像，矩形图像。

Answer 1

按如下方式配置周边样式：

style[mxConstants.STYLE_PERIMETER] = 'ellipsePerimeter'