Question

填充是CAD图纸中不可或缺的对象，在机械设计行业，常常需要将零部件剖开，以表现其内部的细节，而这些被剖开的截面会用填充来表示；在工程设计行业，一些特殊的材料或地形，也会用填充来表示。

js中实现代码说明：

function DrawPathToHatch () {
    mxOcx.PathMoveTo (0, 30);
    //路径的一下个点
    mxOcx.PathLineTo (100, 50);
    //路径的一下个点
    mxOcx.PathLineTo (100, 30);
    //路径的一下个点
    mxOcx.PathLineTo(0, 30) ;
    mxOcx.AddLinetype( "MLineType1", "");
    mxOcx.LineType = "MLineType1";
    mxOcx.DrawColor = 255;
    mxOcx.DrawPathToHatch(1);
    //-----------------------------------------------------------------------------------------------
    mxOcx.PathMoveTo (30, 70);
    //路径的一下个点
    mxOcx.PathLineTo (200, 70);
    //路径的一下个点
    mxOcx.PathLineTo (200, 120);
    //路径的一下个点
    mxOcx.PathLineTo(30, 70) ;
    mxOcx.AddLinetype( "MLineType2", "");
    mxOcx.LineType = "MLineType2";
    mxOcx.DrawColor = 65280;
    mxOcx.DrawPathToHatch(1);
    //-----------------------------------------------------------------------------------------------
    mxOcx.PathMoveTo (110, 30);
    //路径的一下个点
    mxOcx.PathLineTo (150, 60);
    //路径的一下个点
    mxOcx.PathLineTo (150, 30);
    //路径的一下个点
    mxOcx.PathLineTo(110, 30) ;
    mxOcx.AddLinetype( "MLineType3", "");
    mxOcx.LineType = "MLineType3";
    mxOcx.DrawColor = 65535;
    mxOcx.DrawPathToHatch(1);
    //-----------------------------------------------------------------------------------------------
    mxOcx.PathMoveTo (200, 30);
    //路径的一下个点
    mxOcx.PathLineTo (300, 30);
    //路径的一下个点
    mxOcx.PathLineTo (300, 60);
    //路径的一下个点
    mxOcx.PathLineTo(200, 30) ;
    mxOcx.AddLinetype( "MLineType4", "");
    mxOcx.LineType = "MLineType4";
    //设置颜色
    mxOcx.DrawColor = 16711680;
    // 把路径闭合
    mxOcx.DrawPathToHatch(1);
}

效果展示：

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