Question

直线

我们可以通过实例化一个 McDbLine() 对象创建直线。通过设置 McDbLine() 实例对象的起始点 startPoint 、结束点 endPoint 绘制直线，也可以直接利用 McDbLine() 的构造函数直接设置直线起始点与结束点，如：new McDbLine(x1, y1, z1, x2, y2, z2)，还能根据自身需求设置直线颜色 trueColor 、线性比例 linetypeScale 等多种属性。

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

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

import { MxCpp, McCmColor, McDbLine, McGePoint3d } from "mxcad"

const mxcad = MxCpp.getCurrentMxCAD()
const line = new McDbLine(0, 0, 0, -80, -80, 0)
line.trueColor = new McCmColor(255, 0, 0)
mxcad.drawEntity(line)

const line_1 = new McDbLine()
let pt1 = new McGePoint3d(100,100,0)
let pt2 = new McGePoint3d(0,0,0)
line_1.startPoint = pt1
line_1.endPoint = pt2
mxcad.drawEntity(line_1)

mxcad.drawLine(pt1.x, pt1.y, pt2.x, pt2.y)

:::demo

import {  McObject, McDbLine, 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: ()=>{
            let line_1 = new McDbLine()
            let pt1 = new McGePoint3d(1000,200,0)
            let pt2 = new McGePoint3d(-1000,-200,0)
            line_1.startPoint = pt1
            line_1.endPoint = pt2
            line_1.trueColor = new McCmColor(0, 255, 0)
            mxcad.drawEntity(line_1)

            let line_2 = new McDbLine(1000,500,0,-1000,-500,0)
            line_2.trueColor = new McCmColor(255,0, 0)
            line_2.linetypeScale = 0.4
            mxcad.drawEntity(line_2)

            mxcad.drawLine(1000,800,-1000,-800)

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

:::