javascript - 在 mxGraph javascript 中将 XML 转换为 SVG

Question

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

有人可以帮助仅使用 JavaScript(可用的 mxGraph 库)将 XML 转换为 SVG 吗？

Answer 1

对我有用的解决方案:

数据 - 表示 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() 方法以获取详细信息。