用js语言 mxgraph把vsdx文件转为XML实现代码方式

需要使用mxGraph的VsdxCodec插件来实现将.vsdx文件转换为XML的功能。

以下是实现代码：

// 加载vsdx文件
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.vsdx', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function() {
  if (this.status === 200) {
    var decoder = new mxVsdxCodec();
    var doc = decoder.decode(this.response);
    var xml = mxUtils.getXml(doc);
    console.log(xml);
  }
};
xhr.send();

以上代码首先使用XMLHttpRequest加载.vsdx文件，然后创建mxVsdxCodec实例进行解码，最后使用mxUtils.getXml方法将解码后的文档转为XML格式。

需要注意的是，mxGraph的VsdxCodec插件需要单独引入，可以在mxgraph.js文件中找到插件的路径。

相关问题

mxgraph js读取vsdx文件转成xml

mxGraph JS是一个用于创建图形编辑器应用程序的开源JavaScript库。要将.vsdx文件转换为XML格式，您需要使用Microsoft Visio软件中的导出功能，将.vsdx文件导出为XML格式。然后，您可以使用mxGraph JS库中的XML解析器将XML文件加载到您的应用程序中。以下是一个示例代码片段，用于将XML文件加载到mxGraph中：

var xmlDoc = mxUtils.parseXml(xmlString);
var codec = new mxCodec(xmlDoc);
var model = new mxGraphModel();
codec.decode(codec.document.documentElement, model);
var graph = new mxGraph(container, model);

在这个例子中，xmlString是包含XML数据的字符串，container是您要将图形渲染到的DOM元素。您可以根据需要修改代码来适应您的应用程序。

poi把visio文件转换成mxGraph XML格式 用JAVA具体实现代码

以下是一个简单的示例代码，可以将Visio文件转换为mxGraph XML格式：

import com.mxgraph.io.mxCodec;
import com.mxgraph.model.mxCell;
import com.mxgraph.model.mxGeometry;
import com.mxgraph.model.mxICell;
import com.mxgraph.model.mxGraphModel;
import com.mxgraph.util.mxXmlUtils;
import com.mxgraph.view.mxGraph;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.NodeList;

public class VisioToMxGraphConverter {
    public static void main(String[] args) throws IOException {
        String visioFile = "example.vsd";
        String mxGraphFile = "example.xml";
        convert(visioFile, mxGraphFile);
    }

    public static void convert(String visioFile, String mxGraphFile) throws IOException {
        mxGraph graph = new mxGraph();
        mxGraphModel model = (mxGraphModel) graph.getModel();

        // Load Visio file as XML document
        File file = new File(visioFile);
        InputStream in = new FileInputStream(file);
        Document doc = mxXmlUtils.parseXml(mxXmlUtils.getXml(in));
        Element root = doc.getDocumentElement();

        // Map for storing cells by ID
        Map<String, mxICell> cells = new HashMap<String, mxICell>();

        // Find all shapes in Visio file
        NodeList shapes = root.getElementsByTagName("Visio:Shape");

        // Create mxCells for each Visio shape
        for (int i = 0; i < shapes.getLength(); i++) {
            Element shape = (Element) shapes.item(i);
            String id = shape.getAttribute("ID");
            String name = shape.getAttribute("Name");
            String type = shape.getAttribute("Type");

            mxCell cell = new mxCell(name, new mxGeometry(), type);
            cells.put(id, cell);
            model.add(cell);
        }

        // Connect Visio shapes to form edges
        NodeList connectors = root.getElementsByTagName("Visio:Connect");
        for (int i = 0; i < connectors.getLength(); i++) {
            Element connector = (Element) connectors.item(i);
            String from = connector.getAttribute("FromSheet");
            String to = connector.getAttribute("ToSheet");

            mxICell source = cells.get(from);
            mxICell target = cells.get(to);

            model.beginUpdate();
            try {
                graph.insertEdge(graph.getDefaultParent(), null, "", source, target);
            } finally {
                model.endUpdate();
            }
        }

        // Write mxGraph XML to file
        mxCodec codec = new mxCodec();
        String xml = mxXmlUtils.getXml(codec.encode(model));
        mxXmlUtils.writeFile(xml, mxGraphFile);
    }
}

该代码使用mxGraph库将Visio文件转换为mxGraph XML格式。它首先将Visio文件加载为XML文档，然后创建一个mxGraph对象和一个mxGraphModel对象。然后，它遍历每个Visio形状，并为每个形状创建一个mxCell对象，然后将其添加到mxGraphModel中。接下来，它遍历每个连接器，并使用从和到属性连接Visio形状以创建边缘。最后，它使用mxCodec将mxGraphModel编码为mxGraph XML格式，并将其写入文件中。