在 mxGraph javascript 中将 XML 转换为 SVG答案

【问题标题】：Converting XML to SVG in mxGraph javascript在 mxGraph javascript 中将 XML 转换为 SVG
【发布时间】：2018-03-24 13:46:13
【问题描述】：

我正在尝试使用 JavaScript 将 mxGraph 的 XML 图转换为 SVG。有了 XML 字符串，我需要将其解析为 SVG，以便进一步分发到 html。 This post 显示了我需要用 solution implemented in Java 做什么。我可以将 XML 解析为图形，但无法将图形渲染为 SVG，似乎找不到与 mxCellRenderer.js 中的 drawCells() 方法等效的方法。

谁能帮助仅使用 JavaScript 将 XML 转换为 SVG（可用的 mxGraph 库）？

【问题讨论】：

标签： javascript xml svg mxgraph

【解决方案1】：

对我有用的解决方案：

data - 表示 mxGraphModel XML

var doc = mxUtils.parseXml(data); // parse XML into document
var graph = new Graph(container, null, null, null, null); // create Graph instance, container is an HTML element where the SVG will be exported
var outputSvg = graph.getSvg("#FFFFFF", 1, null, null, true, null, null);

最终输出的是可以包含在 HTML 文档中的 SVG 对象：

document.getElementById('divForSvg').appendChild(outputSvg );

查看 Graph.js 及其 getSvg() 方法了解详情。

【讨论】：

您在哪里使用现有的 XML 来制作图表 .??

【解决方案2】：

搜索 mxGraph 的 graphEditor 示例中的 setGraphXml 函数（在 Editor.js 中）

这将读取 xml 并将其呈现在图表上

【讨论】：