Question

绘制工程图，常常需要将某种图案填充到某一区域，例如剖面线的绘制。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中设置的图案填充。如下图所示：