mxgraph将visio转为xml 用javascript实现

您可以使用以下步骤将Visio文件转换为mxGraph XML格式：

1. 打开Visio文件并选择“文件”菜单中的“保存为”选项。
2. 在“保存为”对话框中，选择“XML文件”作为文件类型，并指定要保存的文件名和位置。
3. 在保存XML文件之后，您可以使用JavaScript代码将其转换为mxGraph XML格式。以下是一个示例代码：

function convertVisioToMxGraph(xmlString) {
  // 解析Visio XML文件
  var parser = new DOMParser();
  var xmlDoc = parser.parseFromString(xmlString, "text/xml");
  
  // 创建mxGraph XML文档
  var mxGraphDoc = mxUtils.createXmlDocument();
  var root = mxGraphDoc.createElement("mxGraphModel");
  mxGraphDoc.appendChild(root);
  
  // 解析Visio XML文件中的元素并将其转换为mxGraph XML格式
  var shapes = xmlDoc.getElementsByTagName("Shape");
  for (var i = 0; i < shapes.length; i++) {
    var shape = shapes[i];
    
    // 创建mxCell元素
    var mxCell = mxGraphDoc.createElement("mxCell");
    mxCell.setAttribute("vertex", "1");
    root.appendChild(mxCell);
    
    // 创建mxGeometry元素
    var mxGeometry = mxGraphDoc.createElement("mxGeometry");
    mxGeometry.setAttribute("x", shape.getAttribute("PinX"));
    mxGeometry.setAttribute("y", shape.getAttribute("PinY"));
    mxGeometry.setAttribute("width", shape.getAttribute("Width"));
    mxGeometry.setAttribute("height", shape.getAttribute("Height"));
    mxGeometry.setAttribute("as", "geometry");
    mxCell.appendChild(mxGeometry);
    
    // 创建mxStyle元素
    var mxStyle = mxGraphDoc.createElement("mxStyle");
    mxStyle.setAttribute("labelBackgroundColor", "#ffffff");
    mxStyle.setAttribute("labelBorderColor", "#000000");
    mxStyle.setAttribute("shape", "rectangle");
    mxCell.appendChild(mxStyle);
    
    // 创建mxCell子元素
    var mxCellChild = mxGraphDoc.createElement("mxCell");
    mxCellChild.setAttribute("parent", "1");
    mxCell.appendChild(mxCellChild);
  }
  
  return mxUtils.getPrettyXml(mxGraphDoc);
}

4. 将Visio XML文件作为输入参数传递给`convertVisioToMxGraph`函数，并获取生成的mxGraph XML格式字符串。

请注意，上述代码只是一个示例，您可能需要根据您的特定Visio文件格式和mxGraph XML格式进行修改。