前端页面展示CAD文件

 需要先转成.mxweb格式的文件

<template>
  <div style="height: 600px; overflow: hidden;">
    <canvas id="myCanvas"></canvas>
  </div>
</template>

<script>
import { McObject, MxCpp } from 'mxcad'

export default {
  data() {
    return {
      layerInfo: []
    }
  },
  mounted() {
    // 创建mxcad示例对象
    const mxcad = new McObject()
    mxcad.create({
      // canvas元素的id
      canvas: '#myCanvas',
      // 获取加载wasm相关文件(wasm/js/worker.js)路径位置
      locateFile: (fileName) => '/static/mxcad/dist/wasm/2d-st/' + fileName,
      // 需要初始化打开的文件url路径
      fileUrl: 'test2.mxweb',
      // 提供加载字体的目录路径
      fontspath: '/static/mxcad/dist/fonts',
      onOpenFileComplete: () => {
        // 得到当前控件
        const mxcad = MxCpp.getCurrentMxCAD()
        mxcad.setViewBackgroundColor(150, 205, 205) // 更改页面背景
      }
    })
  }
}
</script>