绘制工程图，常常需要将某种图案填充到某一区域，例如剖面线的绘制。MxCAD提供了丰富的填充图案，可以利用这些图案进行快速填充。

js中实现代码说明：

function DrawPathToHatch2() {

    //绘制一个有图案的填充

    //angle, x-origin,y-origin, delta-x,delta-y,dash-1,dash-2, …

    //45 = angle 是图案线角度.

    //0 = x-origin 是第一个填充线经过的点位置X坐标

    //0 = y-origin 是第一个填充线经过的点位置Y坐标

    //0 = delta-x   是下一个填充线相对前一个线的X方向偏移

    //0.125 = delta-y   是下一个填充线相对前一个线的Y方向偏移

    mxOcx.AddPatternDefinition("MyHatchPattern1", "((45, 0,0, 0,0.125))");

    //把路径变成一个填充对象

    mxOcx.PatternDefinition = "MyHatchPattern1";

    //把路径的开始位置移动指定的点

    //参数一为点的X坐标 ，参数二为点的Y坐标，参数三为该点处开始宽度,对Polyline线的绘制有效

    //参数四为该点处结束宽度,对Polyline线的绘制有效

    //参数五为该点处的凸度,对Polyline线的绘制有效

    mxOcx.PathMoveToEx(0, 30, 0.3, 0.3, 0.3) ;

    //路径的一下个点

    mxOcx.PathLineTo( 100, 30);

    //路径的一下个点

    mxOcx.PathLineTo(100, 60);

    //路径的一下个点

    mxOcx.PathLineTo(0, 30);

    //把路径变成一个填充,80,是填充图案的缩放比例.

    mxOcx.DrawPathToHatch(100);

    //----------------------------------------------------------------

    //绘制图案填充2

    mxOcx.AddPatternDefinition("MyHatchPattern2", "((0,0,0,0,8)(90,0,0,8,8,8,-8))");

    //把路径变成一个填充对象

    mxOcx.PatternDefinition = "MyHatchPattern2";

    //把路径的开始位置移动指定的点

    //参数一为点的X坐标 ，参数二为点的Y坐标，参数三为该点处开始宽度,对Polyline线的绘制有效

    //参数四为该点处结束宽度,对Polyline线的绘制有效

    //参数五为该点处的凸度,对Polyline线的绘制有效

    mxOcx.PathMoveToEx(100, 30, 0, 0, 0.3) ;

    //路径的一下个点

    mxOcx.PathLineTo( 200, 30);

    //路径的一下个点

    mxOcx.PathLineTo(200, 60);

    //路径的一下个点

    mxOcx.PathLineTo(100, 30);

    //把路径变成一个填充,80,是填充图案的缩放比例.

    mxOcx.DrawPathToHatch(1);

    mxOcx.UpdateDisplay();

}

效果展示：

用户可以通过点击绘制图案填充按钮，在CAD控件视区将显示在js中设置的图案填充。如下图所示：

CAD参数绘制图案填充（网页版）_缩放比例