Question

圆

我们可以通过实例化一个 McDbCircle() 对象创建圆。通过设置 McDbCircle() 实例对象的圆心 center 半径 radius 绘制圆，也可以直接利用 McDbCircle() 的构造函数直接设置圆的圆心与半径，如：new McDbCircle(x, y, z, r)。

此外，还可以通过 mxcad 实例对象提供的 drawCircle() 方法直接绘制圆。

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

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

const mxcad = MxCpp.getCurrentMxCAD()
const circle = new McDbCircle(-100, 300, 0, 20)
circle.trueColor = new McCmColor(255, 0, 0)
mxcad.drawEntity(circle)

const circle_2 = new McDbCircle()
circle_2.center = new McGePoint3d(-100, 300, 0)
circle_2.radius = 10
circle_2.trueColor = new McCmColor(0, 255, 0)
mxcad.drawEntity(circle_2)

mxcad.drawCircle(-100, 300, 30)

:::demo

import {  McObject, McDbCircle, 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 circle_1 = new McDbCircle(-100, 300, 0, 20)
            circle_1.trueColor = new McCmColor(255, 0, 0)
            mxcad.drawEntity(circle_1)

            const circle_2 = new McDbCircle()
            circle_2.center = new McGePoint3d(-100, 300, 0)
            circle_2.radius = 10
            circle_2.trueColor = new McCmColor(0, 255, 0)
            mxcad.drawEntity(circle_2)

            mxcad.drawCircle(-100, 300, 30)

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

:::