flex 如何设置蒙版(遮罩)

简而言之,就是两个显示对象,对象A为目标对象,和对象B为遮罩对象,如果想让A透过B显示出来,A显示的轮廓是又B的轮廓决定的.

举个使用mask的简单的例子:

目标对象:

<s:Ellipse id="ellipse1"
      mask="{e3}" //设置遮罩
      width="100"
      height="100"
      horizontalCenter="-25"
      verticalCenter="-25">
  <s:fill>
   <s:SolidColor color="red" />
  </s:fill>
 </s:Ellipse>

遮罩对象

 <s:HGroup id="e3" width="100" height="100" horizontalCenter="0" verticalCenter="25">
  <s:Ellipse id="ellipse3"
       width="100"
       height="100"
       horizontalCenter="0"
       verticalCenter="25">
   <s:fill>
    <s:SolidColor color="green" />
   </s:fill>
  </s:Ellipse>
 </s:HGroup>

显示效果:

如果不设置遮罩的效果( 

 

 

在arcgis+heatMap中仍然可以设置蒙版

默认效果:

在GraphicsLayer中增加一个多边形(举例:三角形)

设置此三角形为heatMap层的蒙版

看到效果了吗?斜着的一小块就是落在了上面三角形的范围内.

实现思路:

创建三角形图元:

var g:Graphic=new Graphic();

var rings:Array=[[new MapPoint(116.274,39.853),new MapPoint(116.274,39.848),new MapPoint(116.27811,39.852)]];
    var pg:Polygon=new Polygon(rings,this.map.spatialReference);
    g.geometry=pg;
    glayer.add(g);//<esri:GraphicsLayer id="glayer"/>

设置heatMap层的mask为三角形的图元graphic.

 heatMapLayer.mask=g;

很简单吧!