我试图在谷歌地图应用程序上应用聚光灯效果。具体来说,我绘制一个跟随鼠标的圆圈,并将其设置为地图上的蒙版。问题是只有圆圈内的地图区域显示出来,我知道它应该是什么样的面具,但是有没有办法让圆圈外面的区域有些半透明,这样它下面的地图也可以看穿?这样,人们仍可以看到地图的其余部分,当他们仅在圆圈内的区域导航时会突出显示。谢谢!
答案 0 :(得分:7)
另一个选择是使用blendModes(在某些情况下它可能会更昂贵,但你可以做更多像渐变和东西)。 你需要这样的层次结构:
parent clip (blendmode="layer")
-mask with different alpha values (blendmode="alpha")
-background image (blendmode="normal")
在您的情况下,您可以将地图作为背景图像。然后,在蒙版剪辑内部(不要将其设置为蒙版)将10%的阿尔法形状覆盖整个背景,并使用100%阿尔法的圆形形状跟随鼠标...你甚至可以在圆形形状上加入一些模糊,所以你得到一个很好的渐变...
答案 1 :(得分:0)
要使用Alpha蒙版,您需要执行以下操作:
即。 googleMap.mask = alphaMask;
应该这样做。
答案 2 :(得分:0)
使面具比需要的大得多,并用一些“灰色”填充它,这样地图就会显示出来并将圆圈放在中间。
这里有一个例子: http://www.flashandmath.com/howtos/alphamask/
密钥是cacheAsBitmap = true,bit。