2009-11-21 117 views
2

我试图在Google地图应用程序上应用聚光灯效果。具体来说,我绘制一个跟随鼠标的圆圈,并将其设置为地图上的遮罩。问题是只有圈内的地图区域出现,我知道这是什么蒙版应该看起来像,但是有没有办法让圈外的区域某种半透明的,以便它下面的地图也可以看穿?通过这种方式,人们仍然可以看到地图的其余部分,因为他们仅在圆圈内的区域进行导航时突出显示。谢谢!Actionscript3 alpha遮罩?

回答

6

另一种选择是使用blendModes(在某些情况下,它可能会更昂贵一些,但可以做更多像梯度和东西)。 都需要这样一个层次结构:

parent clip (blendmode="layer") 
    -mask with different alpha values (blendmode="alpha") 
    -background image (blendmode="normal") 

在你的情况,你有你的地图作为背景图像。然后,在蒙版夹内(不要将其设置为蒙版),放置一个覆盖整个背景的10%阿尔法形状,以及跟随鼠标的100%alpha的圆形形状...您甚至可以将一些模糊处理放置到圆形形状中,所以你得到一个漂亮的渐变...

我做了一些非常相似,前一段时间,所以我上传的早期测试herefla)如果你想看看:)

+0

谢谢!这正是我正在寻找的。 – saurb 2009-11-21 20:10:21

0

要使用Alpha遮罩,你需要做到以下几点:

  • 使用ActionScript, 不是Flash创作敷面膜。

即 googleMap.mask = alphaMask;

  • 转动位图缓存(cacheAsBitmap = true);

这应该做到这一点。