在线CAD二次开发实现箭头引注和多重引线标注的方法

MxDraw

箭头引注

本章介绍如何利用 mxcad 插件实现在CAD图纸中箭头引注的功能，该功能中用户点击画布确定箭头起点，再次连续点击画布确定箭头引线顶点及终点位置。

用户可自定义选择箭头形状，上标文字和下标文字内容，还可以根据绘制需求修改文字位置等，帮助用户快速标注图纸内容，增加图纸内容的完整性和可读性。

功能实现
1.实现自定义箭头引注类

为了方便后期管理与修改标注，我们可以通过继承[McDbCustomEntity]自定义实体类来扩展实现自定义箭头引注类。然后我们可以利用[McDbMText]或[McDbText]构造测量信息多文本对象，将标注信息绘制在页面中。

下面示例的箭头引注类中我们提供了箭头、点、十字、半箭头等箭头样式，以及上下标文字在线端、齐线中、齐线端等对齐方式，用户可参考下面的示例代码根据自身项目需求进行二次开发，为方便管理我们将箭头样式和文字对齐方式设置为枚举对象，代码如下：

1.    // 箭头样式
   
2.    enum arrowType {
   
3.      // 箭头
   
4.      arrow,
   
5.      // 半箭头
   
6.      halfArrow,
   
7.      // 点
   
8.      point,
   
9.      // 十字
   
10.      cross,
    
11.      // 无
    
12.      none
    
13.    }
    
14.    // 文字对齐方式
    
15.    export enum alginType {
    
16.      // 始端
    
17.      start,
    
18.      // 中间
    
19.      middle,
    
20.      // 末端
    
21.      end
    
22.    }
    

复制代码

箭头引注自定义实体代码如下，下面示例只作参考，用户可根据自身需求修改, 代码如下：

2. class McDbTestArrowCitation extends McDbCustomEntity {
   
3.        // 定义McDbTestConMeasurement内部的点对象
   
4.        // 箭头线点数组
   
5.        private points: McGePoint3d[] = [];
   
6.        // 文字点位置集合
   
7.        private positionArr: McGePoint3d[] = [];
   
8.        // 文字高度
   
9.        private height: number = 0;
   
10.        // 上标文字内容
    
11.        private _textUp: string = "";
    
12.        // 下标文字内容
    
13.        private _textDown: string = "";
    
14.        // 箭头样式
    
15.        private _arrowType: number = arrowType.arrow;
    
16.        // 对齐方式
    
17.        private _alginType: number = alginType.start;
    
18.        // 记录初始长度
    
19.        private arrowLength: number = MxFun.viewCoordLong2Cad(20);;
    
20.        // 文字旋转角度
    
21.        private angle: number = 0;
    
22.        // 构造函数
    
23.        constructor(imp?: any) {
    
24.            super(imp);
    
25.        }
    
26.        // 创建函数
    
27.        public create(imp: any) {
    
28.            return new McDbTestArrowCitation(imp)
    
29.        }
    
30.        // 获取类名
    
31.        public getTypeName(): string {
    
32.            return "McDbTestArrowCitation";
    
33.        }
    
34.        //设置或获取文本字高
    
35.        public set textHeight(val: number) {
    
36.            this.height = val;
    
37.        }
    
38.        public get textHeight(): number {
    
39.            return this.height;
    
40.        }
    
41.        //设置或获取上标文本
    
42.        public set textUp(val: string) {
    
43.            this._textUp = val;
    
44.        }
    
45.        public get textUp(): string {
    
46.            return this._textUp;
    
47.        }
    
48.        //设置或获取下标文本
    
49.        public set textDown(val: string) {
    
50.            this._textDown = val;
    
51.        }
    
52.        public get textDown(): string {
    
53.            return this._textDown;
    
54.        }
    
55.        //设置或获取箭头样式
    
56.        public set arrowType(val: number) {
    
57.            this._arrowType = val;
    
58.        }
    
59.        public get arrowType(): number {
    
60.            return this._arrowType;
    
61.        }
    
62.        //设置或获取对齐样式
    
63.        public set alginType(val: number) {
    
64.            this._alginType = val;
    
65.        }
    
66.        public get alginType(): number {
    
67.            return this._alginType;
    
68.        }
    
69.        // 读取自定义实体数据
    
70.        public dwgInFields(filter: IMcDbDwgFiler): boolean {
    
71.            this.points = filter.readPoints("points").val;
    
72.            this.positionArr = filter.readPoints("positionArr").val;
    
73.            this._textDown = filter.readString("textDown").val;
    
74.            this._textUp = filter.readString("textUp").val;
    
75.            this._arrowType = filter.readLong("arrowType").val;
    
76.            this._alginType = filter.readLong("alginType").val;
    
77.            this.arrowLength = filter.readLong("arrowLength").val;
    
78.            this.angle = filter.readDouble("angle").val;
    
79.            this.height = filter.readDouble("height").val;
    
80.            return true;
    
81.        }
    
82.        // 写入自定义实体数据
    
83.        public dwgOutFields(filter: IMcDbDwgFiler): boolean {
    
84.            filter.writePoints("points", this.points);
    
85.            filter.writePoints("positionArr", this.positionArr);
    
86.            filter.writeString("textDown", this._textDown);
    
87.            filter.writeString("textUp", this._textUp);
    
88.            filter.writeLong("arrowType", this._arrowType);
    
89.            filter.writeLong("alginType", this._alginType);
    
90.            filter.writeLong("arrowLength", this.arrowLength);
    
91.            filter.writeDouble("angle", this.angle);
    
92.            filter.writeDouble("height", this.height);
    
93.            return true;
    
94.        }
    
95.        // 移动自定义对象的夹点
    
96.        public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {
    
97.            this.assertWrite();
    
98.            const length = this.points.length
    
99.            if (iIndex <= length - 1) {
    
100.                this.points[iIndex].x += dXOffset;
     
101.                this.points[iIndex].y += dYOffset;
     
102.                this.points[iIndex].z += dZOffset;
     
103.            }
     
104.            if (iIndex === length - 1) {
     
105.                this.positionArr.forEach(position => {
     
106.                    position.x += dXOffset;
     
107.                    position.y += dYOffset;
     
108.                    position.z += dZOffset;
     
109.                });
     
110.                this.reCountData();
     
111.            };
     
112.            if (iIndex > length - 1) {
     
113.                this.positionArr.forEach((position, index) => {
     
114.                    if (iIndex - length === index) {
     
115.                        position.x += dXOffset;
     
116.                        position.y += dYOffset;
     
117.                        position.z += dZOffset;
     
118.                    }
     
119.                });
     
120.            }
     
121.        };
     
122.        // 获取自定义对象的夹点
     
123.        public getGripPoints(): McGePoint3dArray {
     
124.            let ret = new McGePoint3dArray()
     
125.            this.points.forEach(pt => {
     
126.                ret.append(pt)
     
127.            });
     
128.            this.positionArr.forEach(pt => {
     
129.                ret.append(pt);
     
130.            })
     
131.            return ret;
     
132.        };
     
133.        // 画箭头
     
134.        private drawArrow(): McDbEntity[] {
     
135.            const pt1 = this.points[0];
     
136.            const pt2 = this.points[1];
     
137.            if (this._arrowType === arrowType.arrow || this._arrowType === arrowType.halfArrow) {
     
138.                const vec = pt2.sub(pt1).normalize().mult(this.arrowLength);
     
139.                const pt = pt1.clone().addvec(vec);
     
140.                const _vec = vec.clone().rotateBy(Math.PI / 2).normalize().mult(this.arrowLength / 8);
     
141.                const pt3 = pt.clone().addvec(_vec);
     
142.                const pt4 = pt.clone().subvec(_vec);
     
143.                const solid = new McDbHatch();
     
144.                this._arrowType === arrowType.arrow ? solid.appendLoop(new McGePoint3dArray([pt1, pt3, pt4])) : solid.appendLoop(new McGePoint3dArray([pt1, pt3, pt]));
     
145.                return [solid]
     
146.            }else if(this._arrowType === arrowType.point){
     
147.                const solid = new McDbHatch();
     
148.                solid.appendCircleLoop(pt1.x,pt1.y,this.arrowLength/3);
     
149.                return [solid]
     
150.            }else if(this._arrowType === arrowType.cross){
     
151.                const point1 = pt1.clone().addvec(McGeVector3d.kXAxis.normalize().mult(this.arrowLength/2));
     
152.                const point2 = pt1.clone().subvec(McGeVector3d.kXAxis.normalize().mult(this.arrowLength/2));
     
153.                const point3 = pt1.clone().addvec(McGeVector3d.kYAxis.normalize().mult(this.arrowLength/2));
     
154.                const point4 = pt1.clone().subvec(McGeVector3d.kYAxis.normalize().mult(this.arrowLength/2));
     
155.                const line1 = new McDbLine(point1,point2);
     
156.                const line2 = new McDbLine(point3, point4);
     
157.                return [line1,line2]
     
158.            }
     
159.        }
     
160.        // 画文字
     
161.        private drawText(): McDbEntity[] {
     
162.            const textArr = [];
     
163.            const textUp = new McDbText();
     
164.            textUp.height = this.height;
     
165.            textUp.textString = this._textUp;
     
166.            textUp.position = textUp.alignmentPoint = this.positionArr[0];
     
167.            textUp.horizontalMode = McDb.TextHorzMode.kTextLeft;
     
168.            textUp.rotate(this.positionArr[0], this.angle);
     
169.            if (this._alginType === alginType.middle || this._alginType === alginType.end) {
     
170.                const textDown = new McDbMText()
     
171.                textDown.contents = this._textDown;
     
172.                textDown.location = this.positionArr[1];
     
173.                textDown.textHeight = this.height;
     
174.                textDown.attachment = McDb.AttachmentPoint.kTopCenter;
     
175.                textDown.rotate(this.positionArr[1], this.angle);
     
176.                if (this._alginType === alginType.middle) {
     
177.                    textUp.horizontalMode = McDb.TextHorzMode.kTextMid;
     
178.                }
     
179.                if (this._alginType === alginType.end) {
     
180.                    textDown.attachment = McDb.AttachmentPoint.kTopLeft;
     
181.                }
     
182.                textArr.push(textDown);
     
183.            }
     
184.            textArr.push(textUp);
     
185.            return textArr
     
186.        }
     
187.        // 绘制实体
     
188.        public worldDraw(draw: MxCADWorldDraw): void {
     
189.            // 画多段线
     
190.            const pl = new McDbPolyline();
     
191.            this.points.forEach((pt) => {
     
192.                pl.addVertexAt(pt);
     
193.            });
     
194.            draw.drawEntity(pl);
     
195.            // 画箭头
     
196.            if(this._arrowType !== arrowType.none && this.points.length > 1){
     
197.                const arrowArr = this.drawArrow();
     
198.                arrowArr.forEach( arrow =>{
     
199.                    draw.drawEntity(arrow)
     
200.                })
     
201.            }
     
202.            if (this.points.length > 1) {
     
203.                // 画标注
     
204.                const textArr = this.drawText();
     
205.                textArr.forEach(text => {
     
206.                    draw.drawEntity(text)
     
207.                })
     
208.            }
     
209.        }
     
210.        private reCountData() {
     
211.            const length = this.points.length;
     
212.            // 获取最后一段直线的方向与旋转角度
     
213.            if (length > 1) {
     
214.                const pt1 = this.points[length - 2];
     
215.                const pt2 = this.points[length - 1];
     
216.                if (!this.height) {
     
217.                    this.height = this.arrowLength*(2/3);
     
218.                };
     
219.                const vec = pt2.sub(pt1).normalize().mult(this.height / 2);
     
220.                const _vec = vec.clone().rotateBy(Math.PI / 2).normalize().mult(this.height / 2);
     
221.                this.angle = vec.angleTo2(McGeVector3d.kXAxis, McGeVector3d.kNegateZAxis);
     
222.                if (Math.PI * (3 / 2) > this.angle && this.angle > Math.PI / 2) {
     
223.                    this.angle += Math.PI;
     
224.                    _vec.negate();
     
225.                }
     
226.                if (this._alginType === alginType.start) {
     
227.                    // 在线端，只有上标文字
     
228.                    const position = pt2.clone().addvec(vec).subvec(_vec);
     
229.                    this.positionArr[0] = position;
     
230.                } else if (this._alginType === alginType.middle) {
     
231.                    // 齐线中，上下标文字居中
     
232.                    const distance = pt1.distanceTo(pt2);
     
233.                    const midPt = pt1.clone().addvec(vec.normalize().mult(distance / 2))
     
234.                    this.positionArr[1] = midPt.clone().subvec(_vec);
     
235.                    this.positionArr[0] = midPt.clone().addvec(_vec);
     
236.                } else if (this._alginType === alginType.end) {
     
237.                    // 齐线端，上下标文字在末尾
     
238.                    this.positionArr[1] = pt2.clone().addvec(vec).subvec(_vec);
     
239.                    this.positionArr[0] = pt2.clone().addvec(vec).addvec(_vec);
     
240.                }
     
241.            }
     
242.        }
     
243.        // 添加顶点
     
244.        public addVertex(pt: McGePoint3d) {
     
245.            this.assertWrite();
     
246.            this.points.push(pt);
     
247.            this.reCountData();
     
248.        }
     
249.        // 获取顶点数组
     
250.        public getPoints() {
     
251.            return this.points;
     
252.        }
     
253.    };

class McDbTestArrowCitation extends McDbCustomEntity {<br />        // 定义McDbTestConMeasurement内部的点对象 <br />        // 箭头线点数组<br />        private points: McGePoint3d[] = [];<br />        // 文字点位置集合<br />        private positionArr: McGePoint3d[] = [];<br />        // 文字高度<br />        private height: number = 0;<br />        // 上标文字内容<br />        private _textUp: string = "";<br />        // 下标文字内容<br />        private _textDown: string = "";<br />        // 箭头样式<br />        private _arrowType: number = arrowType.arrow;<br />        // 对齐方式<br />        private _alginType: number = alginType.start;<br />        // 记录初始长度<br />        private arrowLength: number = MxFun.viewCoordLong2Cad(20);;<br />        // 文字旋转角度<br />        private angle: number = 0;<br />        // 构造函数<br />        constructor(imp?: any) {<br />            super(imp);<br />        }<br />        // 创建函数<br />        public create(imp: any) {<br />            return new McDbTestArrowCitation(imp)<br />        }<br />        // 获取类名<br />        public getTypeName(): string {<br />            return "McDbTestArrowCitation";<br />        }<br />        //设置或获取文本字高<br />        public set textHeight(val: number) {<br />            this.height = val;<br />        }<br />        public get textHeight(): number {<br />            return this.height;<br />        }<br />        //设置或获取上标文本<br />        public set textUp(val: string) {<br />            this._textUp = val;<br />        }<br />        public get textUp(): string {<br />            return this._textUp;<br />        }<br />        //设置或获取下标文本<br />        public set textDown(val: string) {<br />            this._textDown = val;<br />        }<br />        public get textDown(): string {<br />            return this._textDown;<br />        }<br />        //设置或获取箭头样式<br />        public set arrowType(val: number) {<br />            this._arrowType = val;<br />        }<br />        public get arrowType(): number {<br />            return this._arrowType;<br />        }<br />        //设置或获取对齐样式<br />        public set alginType(val: number) {<br />            this._alginType = val;<br />        }<br />        public get alginType(): number {<br />            return this._alginType;<br />        }<br />        // 读取自定义实体数据<br />        public dwgInFields(filter: IMcDbDwgFiler): boolean {<br />            this.points = filter.readPoints("points").val;<br />            this.positionArr = filter.readPoints("positionArr").val;<br />            this._textDown = filter.readString("textDown").val;<br />            this._textUp = filter.readString("textUp").val;<br />            this._arrowType = filter.readLong("arrowType").val;<br />            this._alginType = filter.readLong("alginType").val;<br />            this.arrowLength = filter.readLong("arrowLength").val;<br />            this.angle = filter.readDouble("angle").val;<br />            this.height = filter.readDouble("height").val;<br />            return true;<br />        }<br />        // 写入自定义实体数据<br />        public dwgOutFields(filter: IMcDbDwgFiler): boolean {<br />            filter.writePoints("points", this.points);<br />            filter.writePoints("positionArr", this.positionArr);<br />            filter.writeString("textDown", this._textDown);<br />            filter.writeString("textUp", this._textUp);<br />            filter.writeLong("arrowType", this._arrowType);<br />            filter.writeLong("alginType", this._alginType);<br />            filter.writeLong("arrowLength", this.arrowLength);<br />            filter.writeDouble("angle", this.angle);<br />            filter.writeDouble("height", this.height);<br />            return true;<br />        }<br />        // 移动自定义对象的夹点<br />        public moveGripPointsAt(iIndex: number, dXOffset: number, dYOffset: number, dZOffset: number) {<br />            this.assertWrite();<br />            const length = this.points.length<br />            if (iIndex <= length - 1) {<br />                this.points[iIndex].x += dXOffset;<br />                this.points[iIndex].y += dYOffset;<br />                this.points[iIndex].z += dZOffset;<br />            }<br />            if (iIndex === length - 1) {<br />                this.positionArr.forEach(position => {<br />                    position.x += dXOffset;<br />                    position.y += dYOffset;<br />                    position.z += dZOffset;<br />                });<br />                this.reCountData();<br />            };<br />            if (iIndex > length - 1) {<br />                this.positionArr.forEach((position, index) => {<br />                    if (iIndex - length === index) {<br />                        position.x += dXOffset;<br />                        position.y += dYOffset;<br />                        position.z += dZOffset;<br />                    }<br />                });<br />            }<br />        };<br />        // 获取自定义对象的夹点<br />        public getGripPoints(): McGePoint3dArray {<br />            let ret = new McGePoint3dArray()<br />            this.points.forEach(pt => {<br />                ret.append(pt)<br />            });<br />            this.positionArr.forEach(pt => {<br />                ret.append(pt);<br />            })<br />            return ret;<br />        };<br />        // 画箭头<br />        private drawArrow(): McDbEntity[] {<br />            const pt1 = this.points[0];<br />            const pt2 = this.points[1];<br />            if (this._arrowType === arrowType.arrow || this._arrowType === arrowType.halfArrow) {<br />                const vec = pt2.sub(pt1).normalize().mult(this.arrowLength);<br />                const pt = pt1.clone().addvec(vec);<br />                const _vec = vec.clone().rotateBy(Math.PI / 2).normalize().mult(this.arrowLength / 8);<br />                const pt3 = pt.clone().addvec(_vec);<br />                const pt4 = pt.clone().subvec(_vec);<br />                const solid = new McDbHatch();<br />                this._arrowType === arrowType.arrow ? solid.appendLoop(new McGePoint3dArray([pt1, pt3, pt4])) : solid.appendLoop(new McGePoint3dArray([pt1, pt3, pt]));<br />                return [solid]<br />            }else if(this._arrowType === arrowType.point){<br />                const solid = new McDbHatch();<br />                solid.appendCircleLoop(pt1.x,pt1.y,this.arrowLength/3);<br />                return [solid]<br />            }else if(this._arrowType === arrowType.cross){<br />                const point1 = pt1.clone().addvec(McGeVector3d.kXAxis.normalize().mult(this.arrowLength/2));<br />                const point2 = pt1.clone().subvec(McGeVector3d.kXAxis.normalize().mult(this.arrowLength/2));<br />                const point3 = pt1.clone().addvec(McGeVector3d.kYAxis.normalize().mult(this.arrowLength/2));<br />                const point4 = pt1.clone().subvec(McGeVector3d.kYAxis.normalize().mult(this.arrowLength/2));<br />                const line1 = new McDbLine(point1,point2);<br />                const line2 = new McDbLine(point3, point4);<br />                return [line1,line2]<br />            }<br />        }<br />        // 画文字<br />        private drawText(): McDbEntity[] {<br />            const textArr = [];<br />            const textUp = new McDbText();<br />            textUp.height = this.height;<br />            textUp.textString = this._textUp;<br />            textUp.position = textUp.alignmentPoint = this.positionArr[0];<br />            textUp.horizontalMode = McDb.TextHorzMode.kTextLeft;<br />            textUp.rotate(this.positionArr[0], this.angle);<br />            if (this._alginType === alginType.middle || this._alginType === alginType.end) {<br />                const textDown = new McDbMText()<br />                textDown.contents = this._textDown;<br />                textDown.location = this.positionArr[1];<br />                textDown.textHeight = this.height;<br />                textDown.attachment = McDb.AttachmentPoint.kTopCenter;<br />                textDown.rotate(this.positionArr[1], this.angle);<br />                if (this._alginType === alginType.middle) {<br />                    textUp.horizontalMode = McDb.TextHorzMode.kTextMid;<br />                }<br />                if (this._alginType === alginType.end) {<br />                    textDown.attachment = McDb.AttachmentPoint.kTopLeft;<br />                }<br />                textArr.push(textDown);<br />            }<br />            textArr.push(textUp);<br />            return textArr<br />        }<br />        // 绘制实体 <br />        public worldDraw(draw: MxCADWorldDraw): void {<br />            // 画多段线<br />            const pl = new McDbPolyline();<br />            this.points.forEach((pt) => {<br />                pl.addVertexAt(pt);<br />            });<br />            draw.drawEntity(pl);<br />            // 画箭头<br />            if(this._arrowType !== arrowType.none && this.points.length > 1){<br />                const arrowArr = this.drawArrow();<br />                arrowArr.forEach( arrow =>{<br />                    draw.drawEntity(arrow)<br />                })<br />            }<br />            if (this.points.length > 1) {<br />                // 画标注<br />                const textArr = this.drawText();<br />                textArr.forEach(text => {<br />                    draw.drawEntity(text)<br />                })<br />            }<br />        }<br />        private reCountData() {<br />            const length = this.points.length;<br />            // 获取最后一段直线的方向与旋转角度<br />            if (length > 1) {<br />                const pt1 = this.points[length - 2];<br />                const pt2 = this.points[length - 1];<br />                if (!this.height) {<br />                    this.height = this.arrowLength*(2/3);<br />                };<br />                const vec = pt2.sub(pt1).normalize().mult(this.height / 2);<br />                const _vec = vec.clone().rotateBy(Math.PI / 2).normalize().mult(this.height / 2);<br />                this.angle = vec.angleTo2(McGeVector3d.kXAxis, McGeVector3d.kNegateZAxis);<br />                if (Math.PI * (3 / 2) > this.angle && this.angle > Math.PI / 2) {<br />                    this.angle += Math.PI;<br />                    _vec.negate();<br />                }<br />                if (this._alginType === alginType.start) {<br />                    // 在线端，只有上标文字<br />                    const position = pt2.clone().addvec(vec).subvec(_vec);<br />                    this.positionArr[0] = position;<br />                } else if (this._alginType === alginType.middle) {<br />                    // 齐线中，上下标文字居中<br />                    const distance = pt1.distanceTo(pt2);<br />                    const midPt = pt1.clone().addvec(vec.normalize().mult(distance / 2))<br />                    this.positionArr[1] = midPt.clone().subvec(_vec);<br />                    this.positionArr[0] = midPt.clone().addvec(_vec);<br />                } else if (this._alginType === alginType.end) {<br />                    // 齐线端，上下标文字在末尾<br />                    this.positionArr[1] = pt2.clone().addvec(vec).subvec(_vec);<br />                    this.positionArr[0] = pt2.clone().addvec(vec).addvec(_vec);<br />                }<br />            }<br />        }<br />        // 添加顶点<br />        public addVertex(pt: McGePoint3d) {<br />            this.assertWrite();<br />            this.points.push(pt);<br />            this.reCountData();<br />        }<br />        // 获取顶点数组<br />        public getPoints() {<br />            return this.points;<br />        }<br />    };

2. 注册自定义类信息

运行代码：

1.    new McDbTestArrowCitation().rxInit();

复制代码

3.调用McDbTestArrowCitation自定义箭头引注类

3.1设置箭头样式，上下标文字内容及对齐方式

我们可以利用[MxCADUiPrString()]根据根据用户输入得到上下标文字内容，或者通过其他方式直接赋值。选择箭头样式或对齐方式时，我们可以通过[MxCADUiPrKeyWord()]根据用户选择的关键词来设置相应操作。

1.    // 设置箭头样式
   
2.    const getArrowStyle = new MxCADUiPrKeyWord()
   
3.    getArrowStyle.setMessage("请选着箭头样式：")
   
4.    getArrowStyle.setKeyWords("[箭头(A)/半箭头(HA)/点(P)/十字(C)/无(N)]")
   
5.    let arrowStyle = await getArrowStyle.go();
   
6.    // 转换arrowStyle的值
   
7.    switch (arrowStyle) {
   
8.        case 'A':
   
9.            arrowStyle = arrowType.arrow;
   
10.        case 'HA':
    
11.            arrowStyle = arrowType.halfArrow;
    
12.        case 'P':
    
13.            arrowStyle = arrowType.point;
    
14.        case 'C':
    
15.            arrowStyle = arrowType.cross;
    
16.        case 'N':
    
17.            arrowStyle = arrowType.none;
    
18.        default:
    
19.            arrowStyle = arrowType.arrow;
    
20.    }
    
21.    // 设置对齐方式
    
22.    const getAlignType = new MxCADUiPrKeyWord()
    
23.    getAlignType.setMessage("请选择上下标文字对齐方式：")
    
24.    getAlignType.setKeyWords("[在线端(S)/齐线中(M)/齐线端(E)]")
    
25.    let alignType = await getAlignType.go();
    
26.    // 转换alignType的值
    
27.    switch (alignType) {
    
28.        case 'S':
    
29.            alginType = alginType.start;
    
30.        case 'M':
    
31.            alginType = alginType.middle;
    
32.        case 'E':
    
33.            alginType = alginType.end;
    
34.        default:
    
35.            alginType = alginType.start;
    
36.    }
    
37.    /**
    
38.     设置上下标文字
    
39.     在线端只能设置上标文字
    
40.     */
    
41.    const getStrUp = new MxCADUiPrString();
    
42.    getStrUp.setMessage('请设置上标文字内容：');
    
43.    let strUp = await getStrUp.go();
    
44.    if (!strUp) strUp = "上";
    
45.    let strDown = "";
    
46.    if(alignType === "M" || alignType === "R"){
    
47.      const getStrDown = new MxCADUiPrString();
    
48.      getStrDown.setMessage('请设置下标文字内容：');
    
49.      strDown = await getStrDown.go();
    
50.      if (!strDown) strDown = "下";
    
51.    }

复制代码

3.2. 获取箭头起点，及引线顶点

我们可以利用取点对象[MxCADUiPrPoint]连续取点来获取箭头起点和引线的各个顶点。结合上述步骤中获取的箭头引注的信息，构造新的箭头引注对象，并动态绘制方便用户观察。

1.    const arrowCiatat = new McDbTestArrowCitation();
   
2.    arrowCiatat.textUp = strUp;
   
3.    arrowCiatat.textDown = strDown;
   
4.    arrowCiatat.arrowType = arrowStyle;
   
5.    arrowCiatat.alginType = alginType;
   
6.    const getPoint = new MxCADUiPrPoint();
   
7.    getPoint.setMessage('指定箭头起点:');
   
8.    const point = await getPoint.go();
   
9.    if (!point) return;
   
10.    arrowCiatat.addVertex(point);
    
11.    while (true) {
    
12.      const getPt = new MxCADUiPrPoint();
    
13.      getPt.setMessage('指定下一点或终点，右键完成');
    
14.      getPt.setUserDraw((pt, pw) => {
    
15.       const _clone = arrowCiatat.clone() as McDbTestArrowCitation;
    
16.       _clone.addVertex(pt);
    
17.       pw.drawMcDbEntity(_clone)
    
18.      })
    
19.      const pt = await getPt.go();
    
20.      if (!pt) break;
    
21.      arrowCiatat.addVertex(pt);
    
22.    }
    
23.    const mxcad = MxCpp.getCurrentMxCAD();
    
24.    mxcad.drawEntity(arrowCiatat);

复制代码

功能实践

在线示例demo:https://demo.mxdraw3d.com:3000/mxcad/，操作流程如下图：

yewuqiang