mxcad_2d API 文档 / 2d / MxCadConfig

Interface: MxCadConfig

2d.MxCadConfig

createMxCad 的参数配置

Example

  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, 
    viewBackgroundColor:{red:0,green:0,blue:0}, //黑色背景
    middlePan:false, //禁用鼠标中间键操作
    multipleSelect: true, // 开启多选
    onOpenFileComplete:()=>{
      console.log("成功打开文件！")
    }
  })

Table of contents

Properties

• authorized_service
• browse
• canvas
• enableIntelliSelect
• enableUndo
• fileUrl
• fontspath
• locateFile
• map
• middlePan
• multipleSelect
• networkFonts
• onInit
• onOpenFileComplete
• openParameter
• registdata
• registfile
• viewBackgroundColor
• wasmBinary
• wasmx64
• webgl1

Properties

authorized_service

• Optional authorized_service: string

授权服务

---

browse

• Optional browse: number | boolean

true或1,启用浏览模式，CAD对象不能选中 /*2,启用浏览模式，CAD对象能选中,但不能夹点编辑

---

canvas

• Optional canvas: string | HTMLCanvasElement

当通过 MxFun.getCurrentDraw 未发现当前mxDraw实例时， 会通过 canvas属性(值可以是css选择器字符串也可以是一个canvas元素)来创建mxdraw实例 如果想要获得这个mxDraw实例 只需要调用mxdraw包中导出的 MxFun.getCurrentDraw方法即可 如果gis模式下，canvas变量不会使用，会自动使用mapbox的canvas.

---

enableIntelliSelect

• Optional enableIntelliSelect: boolean

是否启用选择功能，默认是使用

---

enableUndo

• Optional enableUndo: boolean

是否启用Undo,默认没有启用

---

fileUrl

• Optional fileUrl: string

需要初始化打开的文件url路径

---

fontspath

• Optional fontspath: string

字体文件加载路径，默认是fonts

---

locateFile

• Optional locateFile: (fileName: string, base?: string | URL) => string

Type declaration

▸ (fileName, base?): string

获取加载wasm相关文件(wasm/js/worker.js)路径位置

Parameters

Name	Type	Description
fileName	string	wasm相关的文件名称
base?	string | URL	相对于js调用位置的http URL绝对路径

Returns

string

filePath 默认采用base + fileName

Abstract

本质上locateFile配置函数就是返回wasm相关文件在自己的服务器上的位置 在npm包中node_modules/mxcad/dist/wasm/2d/下的文件就是支持2d的相关wasm文件

---

map

• Optional map: any

地图模块

---

middlePan

• Optional middlePan: number | boolean

iMethod = 0,中键不移动视区，左键移动 iMethod = 1,中键移动视区，左键不移动 iMethod = 2,中键移动视区，左键移动视区

---

multipleSelect

• Optional multipleSelect: boolean

多选模式,框选功能,默认值是false

---

networkFonts

• Optional networkFonts: string[]

服务器上可供加载的字体列表

---

onInit

• Optional onInit: Function

mxdraw和mxcad 核心代码加载完成初始化的回调 onInit默认值函数如下实例所示（请根据你的业务需求自行修改）

Example

import { MxFun } from "mxdraw"
onInit() {
 MxFun.setIniset({
      // 启用对象选择功能.
     EnableIntelliSelect: true,
      // 是否开启多个选择
     multipleSelect: false,
  });
}

---

onOpenFileComplete

• Optional onOpenFileComplete: Function

监听打开文件成功回调事件

---

openParameter

• Optional openParameter: object

打开文件参数设置，如，打开文件不使用缓存：

---

registdata

• Optional registdata: string

注册数据

---

registfile

• Optional registfile: string

注册文件

---

viewBackgroundColor

• Optional viewBackgroundColor: Object

视区背景颜色

Type declaration

Name	Type
blue	number
green	number
red	number

---

wasmBinary

• Optional wasmBinary: ArrayBuffer

WebAssembly 模块二进制文件 默认情况无需配置 *

---

wasmx64

• Optional wasmx64: boolean

是否加载64位的wasm,默认加载32位

---

webgl1

• Optional webgl1: boolean

是否使用webgl1方式启动