打开和保存图纸 ​

import {  MxCpp } from "mxcad"

const input = document.createElement("input")
input.type = "file"
input.addEventListener("change", (e:any)=> {
    const filePath = URL.createObjectURL(e.target.files[0])
    MxCpp.getCurrentMxCAD().openWenFile(filePath)
})
document.body.appendChild(input)

import {  MxCpp } from "mxcad"

const btn = document.createElement("button")
btn.addEventListener("click",()=>{
    MxCpp.getCurrentMxCAD().saveFile(void 0, void 0, true, true, { compression: 0 })
})
document.body.appendChild(btn)

import {  MxCpp } from "mxcad"

MxCpp.getCurrentMxCAD().saveFile(void 0, (data)=> {
      let blob: Blob
      let isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
      if (isSafari) {
        blob = new Blob([data.buffer], { type: "application/octet-stream" });
      } else {
        blob = new Blob([data.buffer], { type: "application/octet-binary" });
      }
}, false, true, { compression: 0 })

import { MxCpp, McObject } from "mxcad" ;

let mxcad:McObject = MxCpp.getCurrentMxCAD();
mxcad.newFile();

import { createMxCad } from "mxcad";
createMxCad({
    canvas: "#mxcad",
    locateFile: (fileName) => new URL(`/node_modules/mxcad/dist/wasm/2d/${fileName}`, import.meta.url).href,
    // 提供要打开的文件 注意../assets/test.mxweb 是相对路径下的文件地址, 
    // 在vite中可用通过这样的方式得到该文件正确的的网络地址
    fileUrl: new URL("../assets/test.mxweb", import.meta.url).href,
    // 提供加载字体的目录路径
    fontspath: new URL("node_modules/mxcad/dist/fonts", import.meta.url).href, 
    onOpenFileComplete:()=>{
      console.log("成功打开文件！")
    }
})

import { MxFun } from "mxdraw";

MxFun.getCurrentDraw().createCanvasImageData(
    (imageData: String) => {
        const newWindow: any = window.open();
        if (newWindow != null) {
            newWindow.document.write('<img src="' + imageData + '"/>');
            setTimeout(() => {
                newWindow.print();
            }, 300);
        }
    },
    {
        width: 349,// 图片宽
        height: 536,// 图片高
        // range_pt1: ret.pt1.toVector3(), // 截图范围角点1
        // range_pt2: ret.pt2.toVector3(), // 截图范围角点2
    }
);

import { MxCpp, McObject, MxTools } from "mxcad"

MxCpp.getCurrentMxCAD().saveFileToUrl("http://localhost:1337/mxcad/print_to_pdf", (iResult, sserverResult) => {
    try {
      let ret = JSON.parse(sserverResult);
      if (ret.ret == "ok") {
        // filePath:文件地址
        // 利用mxcad提供的帮助工具根据fileParh文件地址下载目标文件
        MxTools.downloadFileFromUrl(filePath, ret.file);
      }
      else {
        console.log(sserverResult);
      }
    } catch {
      console.log("Mx: sserverResult error");
    }
  }, undefined, param);// param:文件保存参数

const { exec } = require('child_process');
// 如果是要将mxweb格式文件转成服务器 那么 srcpath就是mxweb文件路径 而outname 的后缀名应该是对应图纸的后缀名，如: test.dwg
const param = {
  srcpath: "要转换的文件在服务器上的路径",
  outpath: "转换后生成的文件在服务器上的目录路径",
  outname: "转换后的文件名称"
}
exec(`"mxcadassembly程序在服务器所在位置" "${JSON.stringify(param)}"`)

import { MxCpp, MxTools } from "mxcad"

/**
 * 保存文件的后端接口："http://localhost:3337/mxcad/savefiledwg"
 */

MxCpp.getCurrentMxCAD().saveFileToUrl("http://localhost:3337/mxcad/savefiledwg", (iResult, sserverResult)=> {
  /** 这个就是对应接口的返回数据结果 */ 
  console.log(sserverResult)

  // 我们可以直接拿到请求结果中携带的CAD图纸的访问地址 下载对应的图纸
  // 假设返回结果是filePath
  const filePath = JSON.parse(sserverResult).filePath

   fetch(filePath).then(async (res)=> {
    const blob = await res.blob()
    // 默认使用了一些新的特性，如果不支持则会自动降级使用a标签下载
    MxTools.saveAsFileDialog({
      blob,
      filename: "test.dwg",
      types: [{
        description: "dwg图纸",
        accept: {
            "application/octet-stream": [".dwg"],
        },
      }]
    })
  })
})

import { MxCpp } from "mxcad"

const mxcad = MxCpp.getCurrentMxCAD()
// 这里直接拿到mxweb数据
mxcad.saveFile(void 0, (data)=> {
      let blob: Blob
      const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
      if (isSafari) {
        blob = new Blob([data.buffer], { type: "application/octet-stream" });
      } else {
        blob = new Blob([data.buffer], { type: "application/octet-binary" });
      }
      // 这里直接将blob转成file
      const file = new File([blob], 'test.mxweb', { type: isSafari ? "application/octet-stream" : "application/octet-binary" })
      // 上传文件转CAD图纸
      fetch('http://localhost:3337/mxcad/savefiledwg', {
          method:'POST',
          body: file
      })
}, false, true)

// 改动前
<script src="https://unpkg.com/mxdraw" crossorigin="anonymous"></script>
<script src="https://unpkg.com/mxcad" crossorigin="anonymous"></script>
createMxCad({
    locateFile: (fileName) => {
        return self.location.origin + "/mxcad_docs/wasm/2d-st/" + fileName
    },
    fontspath: "https://unpkg.com/mxcad/dist/fonts",
})

// 改动后
<script src="./node_modules/mxdraw/dist/mxdraw.umd.js" crossorigin="anonymous"></script>
<script src="./node_modules/mxcad/dist/mxcad.umd.js" crossorigin="anonymous"></script>
createMxCad({
    locateFile: (fileName) => {
        return "./node_modules/mxcad/dist/wasm/2d-st/" + fileName
    },
    fontspath: "./node_modules/mxcad/dist/fonts",
})