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'