需要先转成.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>

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐