CAD交互绘制带面积和周长的矩形框

1、在我们CAD绘图的时候，我们可能会遇到需要绘制带面积和周长的矩形框，有的用户需要动态实现这个功能，那么如何实现呢，下面将讲解实现过程。

2、实现思路：首先我们先定义一个动态拖放时的绘制事件，这个事件的实现是先由用户在图面上提取一个点，然后计算中心点的位置，这个中心点的位置是用来显示面积和周长的位置，用到了DrawText方法把面积和周长绘制到中心点位置处，最后用DrawLine绘制四条首尾相连的直线组合成一个矩形框。最后我们可以调用这个DynWorldDrawMatrix方法实现了绘制带面积周长的矩形框。

3、主要用到函数说明：

（1）_DMxDrawX::DrawLine

绘制一个直线。详细说明如下：

参数	说明
DOUBLE dX1	直线的开始点x坐标
DOUBLE dY1	直线的开始点y坐标
DOUBLE dX2	直线的结束点x坐标
DOUBLE dY2	直线的结束点y坐标

（2）_DMxDrawX::DrawText

绘制一个单行文字。详细说明如下：

参数	说明
DOUBLE dPosX	>文字的位置的X坐标
DOUBLE dPosY	文字的位置的Y坐标
BSTR pszText	文字内容字符串
DOUBLE dHeight	文字高度
DOUBLE dRotation	文字的旋转角度
SHORT horizontalMode	文字的水平对齐方式,0=kTextLeft,1=kTextCenter,2=kTextRight
SHORT verticalMode	文字的竖直对齐方式,1=kTextBottom,2=kTextVertMid,3=kTextTop

（3）IMxDrawCustomEntity::Draw

把实体绘制到图上。一般用于动态拖放时，在拖放结束时，绘制到图上。js中实现代码说明：

动态拖放时的绘制事件：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

function DynWorldDrawMatrix( pCustomEntity, pWorldDraw, curPt) {     //与用户交互在图面上提取一个点     var vBasePt = pCustomEntity.GetPoint("BasePoint");     //计算中心点位置     var centerPt = mxOcx.NewPoint();     {         centerPt.x = curPt.x + (vBasePt.x - curPt.x) / 2;         centerPt.y = curPt.y + (vBasePt.y - curPt.y) / 2;     }     //计算面积（取绝对值）     var arec = Math.abs(vBasePt.x - curPt.x) * Math.abs(vBasePt.y - curPt.y);     //计算周长     var girth = 2 * (Math.abs(vBasePt.x - curPt.x) + Math.abs(vBasePt.y - curPt.y));     //变换视区长度     var dHeigth = mxOcx.ViewLongToDocCoord(15);     //绘制一个单行文字     //参数一为文字的位置的X坐标 ；参数二为文字的位置的Y坐标 ；参数三为文字内容字符串     //参数四为文字高度；参数五为文字的旋转角度     //参数六为文字的水平对齐方式,0=kTextLeft,1=kTextCenter,2=kTextRight     //参数七文字的竖直对齐方式,1=kTextBottom,2=kTextVertMid,3=kTextTop     pWorldDraw.DrawText(centerPt.x, centerPt.y, "面积：" + arec.toFixed(2), dHeigth, 0, 1, 1);     pWorldDraw.DrawText(centerPt.x, centerPt.y, "周长：" + girth.toFixed(2), dHeigth, 0, 1, 3);     //绘制一个直线     //参数一直线的开始点x坐标，参数二直线的开始点y坐标，参数三直线的结束点x坐标，参数四直线的结束点y坐标     pWorldDraw.DrawLine (vBasePt.x, vBasePt.y, vBasePt.x, curPt.y);     pWorldDraw.DrawLine (vBasePt.x, curPt.y, curPt.x, curPt.y);     pWorldDraw.DrawLine (curPt.x, curPt.y, curPt.x, vBasePt.y);     pWorldDraw.DrawLine (curPt.x, vBasePt.y, vBasePt.x, vBasePt.y); }

动态绘制矩形框：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function DynDrawMatrix() {     // 创建一个与用户交互取点的对象。     var point1 = mxOcx.GetPoint(false,0,0,"\n 点取开始点:");     if(point1 == null)     {         return;     }     var getSecondPt = mxOcx.NewComObject("IMxDrawUiPrPoint");     getSecondPt.message = "第二点";     getSecondPt.basePoint = point1;     //不开启皮筋效果     getSecondPt.setUseBasePt(false);     //调用     var spDrawData = getSecondPt.InitUserDraw("TestDynDrawMatrix");     // 设置动态绘制参数.     spDrawData.SetPoint("BasePoint", point1);     // 开始取第二个点。     if (getSecondPt.go() != 1)         return;     var ret = spDrawData.Draw(); }

4、效果展示：

通过点击绘制矩形框按钮，触发DynDrawMatrix()事件，则用户可以在CAD控件视区绘制所需的矩形框。如下图所示：