Question

点

我们可以通过实例化一个 McDbPoint() 对象创建点。也可以通过 mxcad 实例对象提供的 drawPoint() 方法直接绘制点。

点击 McDbPoint() 查看详细属性和方法说明。

点击 drawPoint() 查看详细属性和方法说明。

import { MxCpp, McDbPoint, McCmColor } from "mxcad"

const mxcad = MxCpp.getCurrentMxCAD()
const point = new McDbPoint()
const color = new McCmColor()
color.setRGB(0, 255, 255)
point.trueColor = color
point.setPosition(200, 200)
mxcad.drawEntity(point)

mxcad.drawPoint(250, 250)

:::demo

import {  McObject, McDbPoint, McGePoint3d, McCmColor } from "mxcad"

export default () => {
    const mxcad = new McObject()
    mxcad.create({
      canvas: "#myCanvas",
      locateFile: (fileName: string)=> {
            // CDN 加载必须使用wasm/2d-st中的资源、因为github的限制无法使用wasm/2d 资源
            // 需要使用wasm/2d需要遵循浏览器同源策略或使用其他手段规避浏览器同源策略
            return "https://unpkg.com/mxcad/dist/wasm/2d-st/" + fileName
      },
      // 加载字体的目录位置
      fontspath: self.location.origin + "/mxcad_docs/fonts",
      // 加载转换后的图纸文件
      fileUrl: self.location.origin + "/mxcad_docs/test.mxweb",
      onOpenFileComplete: ()=>{
            const point = new McDbPoint()
            const color = new McCmColor(0,255,0)
            point.trueColor = color
            for(let i = 0; i < 100;i++){
                point.setPosition(i, 200+i)
                mxcad.drawEntity(point)
            }
            for(let i = 0; i < 100;i++){
                mxcad.drawPoint( i, 150+i)
            }

            mxcad.zoomAll()
            mxcad.zoomScale(0.8)
      }
    })
    return (<div style="height: 500px; overflow: hidden;"><canvas id="myCanvas"></canvas>
    </div>)
}

:::