云CAD（在线查看DWG的API）实现自定义实体的详细方法

MxDraw

前言

自定义实体在CAD二次开发中使用的频率较高，本章节主要阐述网页CAD中使用自定义实体的方法，mxcad可以根据用户的具体需求来创建和管理自定义实体，可以通过从自定义实体类 McDbCustomEntity()中继承实体的名称、属性、方法，也可结合自身需求对自定义实体类中的属性或方法进行重写。

设置自定义实体

下面以自定义直线为例来介绍如何使用自定义实体，效果如图：

1. 定义自定义实体类继承 McDbCustomEntity 类，代码如下：

2.    class McDbTestLineCustomEntity extends McDbCustomEntity {
   
3.      private pt1: McGePoint3d = new McGePoint3d();
   
4.      private pt2: McGePoint3d = new McGePoint3d();
   
5.      constructor(imp?: any) {
   
6.        super(imp);
   
7.      }
   
8.      public create(imp: any) {
   
9.        return new McDbTestLineCustomEntity(imp)
   
10.      }
    
11.      public getTypeName(): string {
    
12.        return "McDbTestLineCustomEntity";
    
13.      }
    
14.    }

   class McDbTestLineCustomEntity extends McDbCustomEntity {<br />      private pt1: McGePoint3d = new McGePoint3d();<br />      private pt2: McGePoint3d = new McGePoint3d();<br />      constructor(imp?: any) {<br />        super(imp);<br />      }<br />      public create(imp: any) {<br />        return new McDbTestLineCustomEntity(imp)<br />      }<br />      public getTypeName(): string {<br />        return "McDbTestLineCustomEntity";<br />      }<br />    }

2. 通过重写 dwgInFields() 函数读取自定义实体数据，dwgOutFields() 函数写入自定义实体数据（在从文件读取实体或把实体写入文件时，复制实体等地方都会调用这两个函数），代码如下：

1.      public dwgInFields(filter: IMcDbDwgFiler): boolean {
   
2.        this.pt1 = filter.readPoint("pt1").val;
   
3.        this.pt2 = filter.readPoint("pt2").val;
   
4.        return true;
   
5.      }
   
6.      public dwgOutFields(filter: IMcDbDwgFiler): boolean {
   
7.        filter.writePoint("pt1", this.pt1);
   
8.        filter.writePoint("pt2", this.pt2);
   
9.        return true;
   
10.      }
    

复制代码

3. getGripPoints()方法是在点击这个渲染好的图形时提供一个操作点位，即返回自定义的编辑夹点，并在点击操作点移动的回调函数moveGripPointsAt()中处理夹点编辑结果，参考代码如下：

1.    public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {
   
2.        this.assertWrite();
   
3.        if (iIndex == 0) {
   
4.          this.pt1.x += dXOffset;
   
5.          this.pt1.y += dYOffset;
   
6.          this.pt1.z += dZOffset;
   
7.        }
   
8.        else if (iIndex == 1) {
   
9.          this.pt2.x += dXOffset;
   
10.          this.pt2.y += dYOffset;
    
11.          this.pt2.z += dZOffset;
    
12.        }
    
13.      };
    
14.      public getGripPoints(): McGePoint3dArray {
    
15.        let ret = new McGePoint3dArray()
    
16.        ret.append(this.pt1);
    
17.        ret.append(this.pt2);
    
18.        return ret;
    
19.      };
    

复制代码

4. 每次触发动态绘制worldDraw，就会将原本的实例对象删掉(同时也会删除渲染的three.js物体对象)，通过create方法重新创建实例，参考代码如下：

1.      public worldDraw(draw: MxCADWorldDraw): void {
   
2.        let tmpline = new McDbLine(this.pt1, this.pt2);
   
3.        draw.drawEntity(tmpline);
   
4.      }
   

复制代码

5. 在程序启动的时候，调用rxInit函数，自定义实体的类型信息注册到系统中，参考代码如下：

1.     MxFun.on("mxcadApplicationCreatedMxCADObject", (param) => {
   
2.         //McDbTestLineCustomEntity 自定义实体
   
3.         new McDbTestLineCustomEntity().rxInit();
   
4.     })
   

复制代码

完整代码如下：

2. import { IMcDbDwgFiler, McDbCustomEntity, McDbLine, McGePoint3d, McGePoint3dArray, MxCADUiPrPoint, MxCADWorldDraw, MxCpp } from "mxcad";
   
3. export class McDbTestLineCustomEntity extends McDbCustomEntity {
   
4.     private pt1: McGePoint3d = new McGePoint3d();
   
5.     private pt2: McGePoint3d = new McGePoint3d();
   
6.     constructor(imp?: any) {
   
7.         super(imp);
   
8.     }
   
9.     public create(imp: any) {
   
10.         return new McDbTestLineCustomEntity(imp)
    
11.     }
    
12.     public getTypeName(): string {
    
13.         return "McDbTestLineCustomEntity";
    
14.     }
    
15.     public dwgInFields(filter: IMcDbDwgFiler): boolean {
    
16.         this.pt1 = filter.readPoint("pt1").val;
    
17.         this.pt2 = filter.readPoint("pt2").val;
    
18.         return true;
    
19.     }
    
20.     public dwgOutFields(filter: IMcDbDwgFiler): boolean {
    
21.         filter.writePoint("pt1", this.pt1);
    
22.         filter.writePoint("pt2", this.pt2);
    
23.         return true;
    
24.     }
    
25.     public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {
    
26.         this.assertWrite();
    
27.         if (iIndex == 0) {
    
28.             this.pt1.x += dXOffset;
    
29.             this.pt1.y += dYOffset;
    
30.             this.pt1.z += dZOffset;
    
31.         }
    
32.         else if (iIndex == 1) {
    
33.             this.pt2.x += dXOffset;
    
34.             this.pt2.y += dYOffset;
    
35.             this.pt2.z += dZOffset;
    
36.         }
    
37.     };
    
38.     public getGripPoints(): McGePoint3dArray {
    
39.         let ret = new McGePoint3dArray()
    
40.         ret.append(this.pt1);
    
41.         ret.append(this.pt2);
    
42.         return ret;
    
43.     };
    
44.     public worldDraw(draw: MxCADWorldDraw): void {
    
45.         let tmpline = new McDbLine(this.pt1, this.pt2);
    
46.         draw.drawEntity(tmpline);
    
47.     }
    
48.     public setPoint1(pt1: McGePoint3d) {
    
49.         this.assertWrite();
    
50.         this.pt1 = pt1.clone();
    
51.     }
    
52.     public setPoint2(pt2: McGePoint3d) {
    
53.         this.assertWrite();
    
54.         this.pt2 = pt2.clone();
    
55.     }
    
56.     public getPoint1() {
    
57.         return this.pt1;
    
58.     }
    
59.     public getPoint2() {
    
60.         return this.pt2;
    
61.     }
    
62. }
    
63. export async function MxTest_DrawCustomEntity() {
    
64.     let mxcad = MxCpp.getCurrentMxCAD();
    
65.     const getPoint = new MxCADUiPrPoint();
    
66.     getPoint.setMessage("\n指定一点:");
    
67.     let pt1 = (await getPoint.go());
    
68.     if (!pt1) return;
    
69.     getPoint.setBasePt(pt1);
    
70.     getPoint.setUseBasePt(true);
    
71.     getPoint.setMessage("\n指定二点:");
    
72.     let pt2 = (await getPoint.go());
    
73.     if (!pt2) return;
    
74.     let myline = new McDbTestLineCustomEntity();
    
75.     myline.setPoint1(pt1);
    
76.     myline.setPoint2(pt2);
    
77.     mxcad.drawEntity(myline);
    
78. }
    

import { IMcDbDwgFiler, McDbCustomEntity, McDbLine, McGePoint3d, McGePoint3dArray, MxCADUiPrPoint, MxCADWorldDraw, MxCpp } from "mxcad";<br /> export class McDbTestLineCustomEntity extends McDbCustomEntity {<br />     private pt1: McGePoint3d = new McGePoint3d();<br />     private pt2: McGePoint3d = new McGePoint3d();<br />     constructor(imp?: any) {<br />         super(imp);<br />     }<br />     public create(imp: any) {<br />         return new McDbTestLineCustomEntity(imp)<br />     }<br />     public getTypeName(): string {<br />         return "McDbTestLineCustomEntity";<br />     }<br />     public dwgInFields(filter: IMcDbDwgFiler): boolean {<br />         this.pt1 = filter.readPoint("pt1").val;<br />         this.pt2 = filter.readPoint("pt2").val;<br />         return true;<br />     }<br />     public dwgOutFields(filter: IMcDbDwgFiler): boolean {<br />         filter.writePoint("pt1", this.pt1);<br />         filter.writePoint("pt2", this.pt2);<br />         return true;<br />     }<br />     public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {<br />         this.assertWrite();<br />         if (iIndex == 0) {<br />             this.pt1.x += dXOffset;<br />             this.pt1.y += dYOffset;<br />             this.pt1.z += dZOffset;<br />         }<br />         else if (iIndex == 1) {<br />             this.pt2.x += dXOffset;<br />             this.pt2.y += dYOffset;<br />             this.pt2.z += dZOffset;<br />         }<br />     };<br />     public getGripPoints(): McGePoint3dArray {<br />         let ret = new McGePoint3dArray()<br />         ret.append(this.pt1);<br />         ret.append(this.pt2);<br />         return ret;<br />     };<br />     public worldDraw(draw: MxCADWorldDraw): void {<br />         let tmpline = new McDbLine(this.pt1, this.pt2);<br />         draw.drawEntity(tmpline);<br />     }<br />     public setPoint1(pt1: McGePoint3d) {<br />         this.assertWrite();<br />         this.pt1 = pt1.clone();<br />     }<br />     public setPoint2(pt2: McGePoint3d) {<br />         this.assertWrite();<br />         this.pt2 = pt2.clone();<br />     }<br />     public getPoint1() {<br />         return this.pt1;<br />     }<br />     public getPoint2() {<br />         return this.pt2;<br />     }<br /> }<br /> export async function MxTest_DrawCustomEntity() {<br />     let mxcad = MxCpp.getCurrentMxCAD();<br />     const getPoint = new MxCADUiPrPoint();<br />     getPoint.setMessage("\n指定一点:");<br />     let pt1 = (await getPoint.go());<br />     if (!pt1) return;<br />     getPoint.setBasePt(pt1);<br />     getPoint.setUseBasePt(true);<br />     getPoint.setMessage("\n指定二点:");<br />     let pt2 = (await getPoint.go());<br />     if (!pt2) return;<br />     let myline = new McDbTestLineCustomEntity();<br />     myline.setPoint1(pt1);<br />     myline.setPoint2(pt2);<br />     mxcad.drawEntity(myline);<br /> }<br />

实际演练

上面的代码是最简单的画直线的操作，更复杂点的自定义实体例子，可以打开在线DEMO查看，如下图：

首先我们自定义一条自带文本且两个端点以圆结束的直线，其中线段自带的文本可自定义设置，默显示认为线段长度，其实现方法如下：

1. 根据上述自定义实体的方法，我们通过继承 McDbCustomEntity 类来初始化我们的自定义实体，代码如下：

2.    // 新创建 McDbLineText 类，继承McDbCustomEntity
   
3.    class McDbLineText extends McDbCustomEntity {
   
4.        //设置McDbLineText类中的两个直线端点 pt1、pt2
   
5.        //以及显示线段长度的文字_text和文字大小_textsize
   
6.        private pt1: McGePoint3d = new McGePoint3d();
   
7.        private pt2: McGePoint3d = new McGePoint3d();
   
8.        private _text: string = "";
   
9.        private _textsize: number = 10;
   
10.        //构造函数
    
11.        constructor(imp?: any) {
    
12.            super(imp);
    
13.        }
    
14.        //创建函数
    
15.        public create(imp: any) {
    
16.            return new McDbLineText(imp)
    
17.        }
    
18.        //获取类型
    
19.        public getTypeName(): string {
    
20.            return "McDbLineText";
    
21.        }
    
22.        //设置或获取文本值
    
23.        public set text(val: string) {
    
24.            this._text = val;
    
25.        }
    
26.        public get text(): string {
    
27.            return this._text;
    
28.        }
    
29.        //设置或获取文本大小
    
30.        public set textsize(val: number) {
    
31.            this._textsize = val;
    
32.        }
    
33.        public get textsize(): number {
    
34.            return this._textsize;
    
35.        }
    
36.        //读取自定义实体数据pt1、pt2、_text、_textsize
    
37.        public dwgInFields(filter: IMcDbDwgFiler): boolean {
    
38.            this.pt1 = filter.readPoint("pt1").val;
    
39.            this.pt2 = filter.readPoint("pt2").val;
    
40.            this._text = filter.readString("text").val;
    
41.            this._textsize = filter.readDouble("textsize").val;
    
42.            return true;
    
43.        }
    
44.        //写入自定义实体数据pt1、pt2、_text、_textsize
    
45.        public dwgOutFields(filter: IMcDbDwgFiler): boolean {
    
46.            filter.writePoint("pt1", this.pt1);
    
47.            filter.writePoint("pt2", this.pt2);
    
48.            filter.writeString("text", this._text);
    
49.            filter.writeDouble("textsize", this._textsize);
    
50.            return true;
    
51.        }
    
52.        //自定义同步函数，当其他对象与该对象相连时同步数据
    
53.        private fineLink(pt: McGePoint3d): any {
    
54.            let ret: any = {};
    
55.            let myId = this.getObjectID();
    
56.            let dSearch = this._textsize * 0.5;;
    
57.            let filter = new MxCADResbuf();
    
58.            filter.AddString("McDbCustomEntity", 5020);
    
59.            let ss = new MxCADSelectionSet();
    
60.            ss.crossingSelect(pt.x - dSearch, pt.y - dSearch, pt.x + dSearch, pt.y + dSearch, filter);
    
61.            ss.forEach((id) => {
    
62.                if (id == myId)
    
63.                    return;
    
64.                let ent = id.getMcDbEntity();
    
65.                if (!ent) return;
    
66.                if (ent instanceof McDbLineText) {
    
67.                    let line = (ent as McDbLineText);
    
68.                    let linkPoint = line.getPoint1();
    
69.                    let link_pos = 0;
    
70.                    // 得到直线与图块连接的端点坐标.
    
71.                   let dist = line.getPoint1().distanceTo(pt);
    
72.                    if (dist > line.getPoint2().distanceTo(pt)) {
    
73.                        dist = line.getPoint2().distanceTo(pt);
    
74.                        linkPoint = line.getPoint2();
    
75.                        link_pos = 1;
    
76.                    }
    
77.                    if (dist < dSearch) {
    
78.                       ret[id.id] = { link_point: linkPoint,link_pos:link_pos };
    
79.                    }
    
80.                }
    
81.            });
    
82.            return ret;
    
83.        }
    
84.        //处理夹点编辑效果
    
85.        public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {
    
86.            this.assertWrite();
    
87.            let pt:McGePoint3d = this.pt1.clone();
    
88.            let new_pt:McGePoint3d = pt;
    
89.            if (iIndex == 0) {
    
90.                this.pt1.x += dXOffset;
    
91.                this.pt1.y += dYOffset;
    
92.                this.pt1.z += dZOffset;
    
93.                new_pt = this.pt1;
    
94.            }
    
95.            else if (iIndex == 1) {
    
96.                pt = this.pt2.clone();
    
97.                this.pt2.x += dXOffset;
    
98.                this.pt2.y += dYOffset;
    
99.                this.pt2.z += dZOffset;
    
100.                new_pt = this.pt2;
     
101.            }
     
102.            if (this.getObjectID().isValid()) {
     
103.                // 同步，与连接的其它对象。
     
104.                let linkobj = this.fineLink(pt)
     
105.                Object.keys(linkobj).forEach((id_val:any)=>{
     
106.                    let idFind = new McObjectId(id_val);
     
107.                    let lineFind = (idFind.getMcDbEntity() as McDbLineText);
     
108.                    if(linkobj[id_val].link_pos == 0){
     
109.                        lineFind.setPoint1(new_pt);
     
110.                    }
     
111.                    else{
     
112.                        lineFind.setPoint2(new_pt);
     
113.                    }
     
114.                  });
     
115.            }
     
116.        };
     
117.        //设置对象编辑点位
     
118.        public getGripPoints(): McGePoint3dArray {
     
119.            let ret = new McGePoint3dArray()
     
120.            ret.append(this.pt1);
     
121.            ret.append(this.pt2);
     
122.            return ret;
     
123.        };
     
124.        //动态绘制
     
125.        public worldDraw(draw: MxCADWorldDraw): void {
     
126.            let circle_r = this._textsize * 0.4;
     
127.            let vec2 = this.pt2.sub(this.pt1);
     
128.            vec2.normalize().mult(circle_r);
     
129.            let tmpline = new McDbLine(this.pt1.clone().addvec(vec2),
     
130.                                       this.pt2.clone().subvec(vec2));
     
131.            draw.drawEntity(tmpline);
     
132.            let vec = this.pt2.sub(this.pt1).mult(0.5);
     
133.            let midpt = this.pt1.clone().addvec(vec);
     
134.            if (vec.dotProduct(McGeVector3d.kXAxis) < 0) {
     
135.                vec.negate();
     
136.            }
     
137.            let ange = vec.angleTo2(McGeVector3d.kXAxis, McGeVector3d.kNegateZAxis);
     
138.            let str = this._text;
     
139.            if (str.length == 0) {
     
140.                str = this.pt1.distanceTo(this.pt2).toFixed(2);
     
141.            }
     
142.            vec.perpVector();
     
143.            if (vec.dotProduct(McGeVector3d.kYAxis) < 0) {
     
144.                vec.negate();
     
145.            }
     
146.            vec.normalize().mult(this._textsize * 0.2);
     
147.            let text = new McDbText();
     
148.            text.textString = str;
     
149.            text.position = midpt.clone().addvec(vec);
     
150.            text.alignmentPoint = midpt.clone().addvec(vec);
     
151.            text.rotation = ange;
     
152.            text.verticalMode = McDb.TextVertMode.kTextBottom;
     
153.            text.horizontalMode = McDb.TextHorzMode.kTextCenter;
     
154.            text.height = this._textsize;
     
155.            draw.drawEntity(text)
     
156.            let circle1 = new McDbCircle();
     
157.            circle1.center = this.pt1;
     
158.            circle1.radius = circle_r;
     
159.            draw.drawEntity(circle1);
     
160. 
     
161.            let circle2= new McDbCircle();
     
162.            circle2.center = this.pt2;
     
163.            circle2.radius = circle_r;
     
164.            draw.drawEntity(circle2);
     
165.        }
     
166.        // 设置pt1
     
167.        public setPoint1(pt1: McGePoint3d) {
     
168.            this.assertWrite();
     
169.            this.pt1 = pt1.clone();
     
170.        }
     
171.        // 设置pt2
     
172.        public setPoint2(pt2: McGePoint3d) {
     
173.            this.assertWrite();
     
174.            this.pt2 = pt2.clone();
     
175.        }
     
176.        // 获取pt1
     
177.        public getPoint1() {
     
178.            return this.pt1;
     
179.        }
     
180.        //获取pt2
     
181.        public getPoint2() {
     
182.            return this.pt2;
     
183.        }
     
184.    }
     

   // 新创建 McDbLineText 类，继承McDbCustomEntity<br />    class McDbLineText extends McDbCustomEntity {<br />        //设置McDbLineText类中的两个直线端点 pt1、pt2<br />        //以及显示线段长度的文字_text和文字大小_textsize<br />        private pt1: McGePoint3d = new McGePoint3d();<br />        private pt2: McGePoint3d = new McGePoint3d();<br />        private _text: string = "";<br />        private _textsize: number = 10;<br />        //构造函数<br />        constructor(imp?: any) {<br />            super(imp);<br />        }<br />        //创建函数<br />        public create(imp: any) {<br />            return new McDbLineText(imp)<br />        }<br />        //获取类型<br />        public getTypeName(): string {<br />            return "McDbLineText";<br />        }<br />        //设置或获取文本值<br />        public set text(val: string) {<br />            this._text = val;<br />        }<br />        public get text(): string {<br />            return this._text;<br />        }<br />        //设置或获取文本大小<br />        public set textsize(val: number) {<br />            this._textsize = val;<br />        }<br />        public get textsize(): number {<br />            return this._textsize;<br />        }<br />        //读取自定义实体数据pt1、pt2、_text、_textsize<br />        public dwgInFields(filter: IMcDbDwgFiler): boolean {<br />            this.pt1 = filter.readPoint("pt1").val;<br />            this.pt2 = filter.readPoint("pt2").val;<br />            this._text = filter.readString("text").val;<br />            this._textsize = filter.readDouble("textsize").val;<br />            return true;<br />        }<br />        //写入自定义实体数据pt1、pt2、_text、_textsize<br />        public dwgOutFields(filter: IMcDbDwgFiler): boolean {<br />            filter.writePoint("pt1", this.pt1);<br />            filter.writePoint("pt2", this.pt2);<br />            filter.writeString("text", this._text);<br />            filter.writeDouble("textsize", this._textsize);<br />            return true;<br />        }<br />        //自定义同步函数，当其他对象与该对象相连时同步数据<br />        private fineLink(pt: McGePoint3d): any {<br />            let ret: any = {};<br />            let myId = this.getObjectID();<br />            let dSearch = this._textsize * 0.5;;<br />            let filter = new MxCADResbuf();<br />            filter.AddString("McDbCustomEntity", 5020);<br />            let ss = new MxCADSelectionSet();<br />            ss.crossingSelect(pt.x - dSearch, pt.y - dSearch, pt.x + dSearch, pt.y + dSearch, filter);<br />            ss.forEach((id) => {<br />                if (id == myId)<br />                    return;<br />                let ent = id.getMcDbEntity();<br />                if (!ent) return;<br />                if (ent instanceof McDbLineText) {<br />                    let line = (ent as McDbLineText);<br />                    let linkPoint = line.getPoint1();<br />                    let link_pos = 0;<br />                    // 得到直线与图块连接的端点坐标.<br />                   let dist = line.getPoint1().distanceTo(pt);<br />                    if (dist > line.getPoint2().distanceTo(pt)) {<br />                        dist = line.getPoint2().distanceTo(pt);<br />                        linkPoint = line.getPoint2();<br />                        link_pos = 1;<br />                    }<br />                    if (dist < dSearch) {<br />                       ret[id.id] = { link_point: linkPoint,link_pos:link_pos };<br />                    }<br />                }<br />            });<br />            return ret;<br />        }<br />        //处理夹点编辑效果<br />        public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {<br />            this.assertWrite();<br />            let pt:McGePoint3d = this.pt1.clone();<br />            let new_pt:McGePoint3d = pt;<br />            if (iIndex == 0) {<br />                this.pt1.x += dXOffset;<br />                this.pt1.y += dYOffset;<br />                this.pt1.z += dZOffset;<br />                new_pt = this.pt1;<br />            }<br />            else if (iIndex == 1) {<br />                pt = this.pt2.clone();<br />                this.pt2.x += dXOffset;<br />                this.pt2.y += dYOffset;<br />                this.pt2.z += dZOffset;<br />                new_pt = this.pt2;<br />            }<br />            if (this.getObjectID().isValid()) {<br />                // 同步，与连接的其它对象。<br />                let linkobj = this.fineLink(pt)<br />                Object.keys(linkobj).forEach((id_val:any)=>{<br />                    let idFind = new McObjectId(id_val);<br />                    let lineFind = (idFind.getMcDbEntity() as McDbLineText);<br />                    if(linkobj[id_val].link_pos == 0){<br />                        lineFind.setPoint1(new_pt);<br />                    }<br />                    else{<br />                        lineFind.setPoint2(new_pt);<br />                    }<br />                  });<br />            }<br />        };<br />        //设置对象编辑点位<br />        public getGripPoints(): McGePoint3dArray {<br />            let ret = new McGePoint3dArray()<br />            ret.append(this.pt1);<br />            ret.append(this.pt2);<br />            return ret;<br />        };<br />        //动态绘制<br />        public worldDraw(draw: MxCADWorldDraw): void {<br />            let circle_r = this._textsize * 0.4;<br />            let vec2 = this.pt2.sub(this.pt1);<br />            vec2.normalize().mult(circle_r);<br />            let tmpline = new McDbLine(this.pt1.clone().addvec(vec2),<br />                                       this.pt2.clone().subvec(vec2));<br />            draw.drawEntity(tmpline);<br />            let vec = this.pt2.sub(this.pt1).mult(0.5);<br />            let midpt = this.pt1.clone().addvec(vec);<br />            if (vec.dotProduct(McGeVector3d.kXAxis) < 0) {<br />                vec.negate();<br />            }<br />            let ange = vec.angleTo2(McGeVector3d.kXAxis, McGeVector3d.kNegateZAxis);<br />            let str = this._text;<br />            if (str.length == 0) {<br />                str = this.pt1.distanceTo(this.pt2).toFixed(2);<br />            }<br />            vec.perpVector();<br />            if (vec.dotProduct(McGeVector3d.kYAxis) < 0) {<br />                vec.negate();<br />            }<br />            vec.normalize().mult(this._textsize * 0.2);<br />            let text = new McDbText();<br />            text.textString = str;<br />            text.position = midpt.clone().addvec(vec);<br />            text.alignmentPoint = midpt.clone().addvec(vec);<br />            text.rotation = ange;<br />            text.verticalMode = McDb.TextVertMode.kTextBottom;<br />            text.horizontalMode = McDb.TextHorzMode.kTextCenter;<br />            text.height = this._textsize;<br />            draw.drawEntity(text)<br />            let circle1 = new McDbCircle();<br />            circle1.center = this.pt1;<br />            circle1.radius = circle_r;<br />            draw.drawEntity(circle1);<br /> <br />            let circle2= new McDbCircle();<br />            circle2.center = this.pt2;<br />            circle2.radius = circle_r;<br />            draw.drawEntity(circle2);<br />        }<br />        // 设置pt1<br />        public setPoint1(pt1: McGePoint3d) {<br />            this.assertWrite();<br />            this.pt1 = pt1.clone();<br />        }<br />        // 设置pt2<br />        public setPoint2(pt2: McGePoint3d) {<br />            this.assertWrite();<br />            this.pt2 = pt2.clone();<br />        }<br />        // 获取pt1<br />        public getPoint1() {<br />            return this.pt1;<br />        }<br />        //获取pt2<br />        public getPoint2() {<br />            return this.pt2;<br />        }<br />    }<br />

2. 调用上述实现的自定义类 McDbLineText ，实现绘制函数。

2.1基础绘制：用户自定义直线两端点，代码如下：

1. //基础绘制函数
   
2.    function Mx_baseLineText(){
   
3.      let mxcad = MxCpp.getCurrentMxCAD();
   
4.      const getPoint = new MxCADUiPrPoint();
   
5.      getPoint.setMessage("\n指定一点:");
   
6.      let pt1 = (await getPoint.go());
   
7.      if (!pt1) return;  
   
8.      getPoint.setBasePt(pt1);
   
9.      getPoint.setUseBasePt(true);
   
10.      getPoint.setMessage("\n指定二点:");
    
11.      let pt2 = (await getPoint.go());
    
12.      if (!pt2) return;
    
13.      let myline = new McDbLineText();
    
14.      new McDbLineText().rxInit();
    
15.      myline.setPoint1(pt1);
    
16.      myline.setPoint2(pt2);
    
17.      myline.textsize = mxcad.mxdraw.screenCoordLong2Doc(10);
    
18.      mxcad.drawEntity(myline);
    
19.    }

复制代码

其实现效果如下：

2.2端点联动：设置多条线段相连为一个整体，节点之间相互关联，代码如下：

1. function Mx_testLineText(){
   
2.        let mxcad = MxCpp.getCurrentMxCAD();
   
3.        //设置联动端点
   
4.        let pt1 = new McGePoint3d(100,100,0);
   
5.        let pt2 = new McGePoint3d(200,150,0);
   
6.        let pt3 = new McGePoint3d(400,50,0);
   
7.        let pt4 = new McGePoint3d(600,60,0);
   
8.        let pt5 = new McGePoint3d(200,300,0);
   
9.        let textsize = 5;
   
10.        //第一条线
    
11.        let myline1 = new McDbLineText();
    
12.        myline1.setPoint1(pt1);
    
13.        myline1.setPoint2(pt2);
    
14.        myline1.textsize = textsize;
    
15.        myline1.text = "自定义文本";
    
16.        mxcad.drawEntity(myline1);
    
17.        //第二条线
    
18.        let myline2 = new McDbLineText();
    
19.        myline2.setPoint1(pt2);
    
20.        myline2.setPoint2(pt3);
    
21.        myline2.textsize = textsize;
    
22.        mxcad.drawEntity(myline2);
    
23.        //第三条线
    
24.        let myline3 = new McDbLineText();
    
25.        myline3.setPoint1(pt3);
    
26.        myline3.setPoint2(pt4);
    
27.        myline3.textsize = textsize;
    
28.        mxcad.drawEntity(myline3);
    
29.        //第四条线
    
30.        let myline4 = new McDbLineText();
    
31.        myline4.setPoint1(pt2);
    
32.        myline4.setPoint2(pt5);
    
33.        myline4.textsize = textsize;
    
34.        mxcad.drawEntity(myline4);  
    
35.        //把所有的实体都放到当前显示视区
    
36.        mxcad.zoomW(new McGePoint3d(-300,-300,0),new McGePoint3d(650,500,0));
    
37.        //更新视区显示
    
38.        mxcad.updateDisplay();
    
39.    }

复制代码

其实现效果如下：

DEMO源码下载地址

https://gitee.com/mxcadx/mxdraw-article/blob/master/%E7%BD%91%E9%A1%B5CAD%E4%BA%8C%E6%AC%A1%E5%BC%80%E5%8F%91%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AE%9E%E4%BD%93/demo.7z

迷失1786

梦想CAD

MxDraw

迷失1786 发表于 2024-5-31 16:40
梦想CAD

是的，多谢关注！