Question

多段线

我们可以通过实例化一个 McDbPolyline() 对象创建多段线。

多段线是由弧和线组成的多段连接线。用户可以用任意线型绘制多段线。绘制了至少一条多段线后，可以调用 erase() 方法来删除先前的线段。当绘制两个或两个以上的多段线后，可以调用 isClosed() 方法闭合当前多条线段，绘制以第一条线段的起点为终点的线段。多段线还可以调用 addVertexAt() 方法设置多段线的顶点位置、线段宽度以及圆弧凸度等。结合命令模式，可实现添加顶点、删除顶点、转换为圆弧、转换为直线等完整功能。

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

import { MxCpp, McGePoint3d, McDbPolyline } from "mxcad"
const mxcad = MxCpp.getCurrentMxCAD()
const polyline = new McDbPolyline()
polyline.isClosed = true
polyline.constantWidth = 10
polyline.addVertexAt(new McGePoint3d(800, 300, 0))
polyline.addVertexAt(new McGePoint3d(900, 300, 0))
polyline.addVertexAt(new McGePoint3d(900, 400, 0))
mxcad.drawEntity(polyline)

:::demo

import {  McObject, McDbPolyline, 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 polyline = new McDbPolyline()
            polyline.isClosed = true
            polyline.constantWidth = 5
            polyline.addVertexAt(new McGePoint3d(800, 300, 0))
            polyline.addVertexAt(new McGePoint3d(900, 300, 0))
            polyline.addVertexAt(new McGePoint3d(900, 400, 0))
            mxcad.drawEntity(polyline)

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

:::