mxgraph 嵌入节点

要在mxGraph中嵌入一个节点，您需要创建一个包含嵌入图形的HTML元素，并将其添加到节点的cell中。以下是一个简单的示例：

// 创建一个包含嵌入图形的HTML元素
var embedElement = document.createElement('embed');
embedElement.setAttribute('src', 'path/to/embedded/file.svg');
embedElement.setAttribute('width', '100');
embedElement.setAttribute('height', '100');

// 创建一个mxCell，并将其添加到图形中
var parent = graph.getDefaultParent();
var cell = graph.insertVertex(parent, null, 'Embedded Node', 0, 0, 100, 100, 'shape=rectangle');
cell.embedHtmlElement(embedElement);

在这个示例中，我们创建了一个包含SVG图形的`<embed>`元素，并将其添加到一个`mxCell`对象中。`embedHtmlElement()`方法会将元素添加到节点的内部，并在渲染节点时显示它。

请注意，您可以在`<embed>`元素中使用任何HTML内容，包括嵌入的JavaScript、CSS样式和其他嵌入的内容。

相关问题

mxgraph 修改节点文字大小

要修改mxgraph节点的文字大小，您可以使用以下代码：

//获取节点
var cell = graph.getSelectionCell();
//设置节点样式
var style = cell.getStyle();
style += "font-size: 14px;"; //修改文字大小为14px
graph.getModel().setStyle(cell, style);
graph.refresh();

在上面的代码中，我们首先获取选定的节点，然后获取其样式。接下来，我们将修改后的字体大小添加到样式中，并将其设置回选定的单元格。最后，我们刷新图形以更新更改。

请注意，以上代码仅修改选定节点的字体大小。如果您想要修改所有节点的字体大小，则需要遍历所有节点并应用相同的样式更改。

mxgraph 修改节点鼠标手势

要修改 mxGraph 中节点的鼠标手势，可以使用 mxGraphHandler.prototype.customHandlesEnabled 属性。该属性可以启用或禁用自定义节点手柄，从而更改节点的鼠标手势。例如，以下代码将禁用名为 `cell` 的节点的默认节点手柄，并设置其鼠标手势为手型：

// 禁用节点默认手柄
graph.setCellsMovable(false); 

// 自定义手型鼠标手势
graph.handler.customHandlesEnabled = true;
graph.handler.customHandles = [
    {
        image: 'images/hand-cursor.png',
        action: 'move',
        cursor: 'move'
    }
];

在上面的代码中，我们首先使用 `mxGraph.setCellsMovable()` 方法禁用了名为 `cell` 的节点的默认节点手柄。然后，我们设置了 `graph.handler.customHandlesEnabled` 属性为 `true`，启用自定义节点手柄。最后，我们定义了一个 `customHandles` 数组，其中包含手型鼠标手势的图像、操作类型和光标样式。

这样，当用户在该节点上移动鼠标时，鼠标手势将变成手型。你可以根据需要修改 `customHandles` 数组来设置不同的鼠标手势。