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'