CAD交互绘制带面积周长的圆

1、在上一篇文章中讲解了如何动态绘制带面积周长的矩形框，本次讲解如何动态绘制带面积周长的圆。

2、实现思路：CAD绘制图像的过程中，画圆的情况是非常常见的，首先我们先定义一个动态拖放时的绘制事件，这个事件的实现是先由用户在图面上提取一个点，这个点作为圆的圆心，圆心的位置是用来显示面积和周长的位置，用到了DrawText方法把面积和周长绘制到圆心位置处，用户再点取一个点，通过DistanceTo方法计算出两点之间的距离作为半径，最后用DrawCircle绘制圆实现了绘制带面积周长的圆。

3、主要用到函数说明：

（1）_DMxDrawX::DrawCircle

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

参数	说明
DOUBLE dCenterX	圆的中心X值
DOUBLE dCenterY	圆的中心Y值
DOUBLE dRadius	圆的半径

（2）IMxDrawCustomEntity::Draw

把实体绘制到图上。一般用于动态拖放时，在拖放结束时，绘制到图上。

（3）_DMxDrawXEvents::DynWorldDraw

动态拖放时的绘制事件。详细说明如下：

参数	说明
DOUBLE dX	当前鼠标位置X坐标
DOUBLE dY	当前鼠标位置Y坐标
IDispatch* pWorldDraw	IMxDrawWorldDraw对象，用于动态绘制
IDispatch* pData	IMxDrawCustomEntity对象，动态绘制数据

（4）_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

（5）IMxDrawPoint::DistanceTo

计算两个点的距离。

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 30 31

function DoDynWorldDrawFun(dX,dY,pWorldDraw,pData) {     //自定义实体的GUID标识符     var sGuid = pData.Guid;     //设置自定义事件的返回值     mxOcx.SetEventRet(0);       var curPt = mxOcx.NewPoint();     curPt.x = dX;     curPt.y = dY;           //画带面积周长的圆     if (sGuid == "TestDynDrawCircle") {         var pt1 = pData.GetPoint("pt1");         var dR = curPt.DistanceTo(pt1);         //计算面积（取绝对值）         var arec = dR*dR*Math.PI;         //计算周长         var girth = 2*dR * Math.PI;         //变换视区长度         var dHeigth = mxOcx.ViewLongToDocCoord(15);         //绘制一个单行文字         //参数一为文字的位置的X坐标 ；参数二为文字的位置的Y坐标 ；参数三为文字内容字符串         //参数四为文字高度；参数五为文字的旋转角度         //参数六为文字的水平对齐方式,0=kTextLeft,1=kTextCenter,2=kTextRight         //参数七文字的竖直对齐方式,1=kTextBottom,2=kTextVertMid,3=kTextTop         pWorldDraw.DrawText(pt1.x, pt1.y, "面积：" + arec.toFixed(2), dHeigth, 0, 1, 1);         pWorldDraw.DrawText(pt1.x, pt1.y, "周长：" + girth.toFixed(2), dHeigth, 0, 1, 3);         pWorldDraw.DrawCircle(pt1.x, pt1.y, dR);     }      }

动态绘制圆：

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

function DrawCircle() {     // 创建一个与用户交互取点的对象。     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("TestDynDrawCircle");     // 设置动态绘制参数.     spDrawData.SetPoint("pt1", point1);     // 开始取第二个点。     if (getSecondPt.go() != 1)         return;     var ret = spDrawData.Draw(); }

4、效果展示：

通过点击绘制圆按钮，触发DrawCircle()事件，用户可以在CAD控件视区任意位置点取圆的圆心，再点取圆的半径画一个圆。如下图所示：