关于Flex中的图片透明遮罩

来源:互联网 发布:js在线运行环境 编辑:程序博客网 时间:2024/04/30 15:02
<mx:Image source="assets/bg.jpg" mask="{ maskImage }">
    
<mx:filters>
        
<mx:DropShadowFilter distance='0'/>
    
</mx:filters>
</mx:Image>

<mx:Image source="assets/wjx.png" id="maskImage" cacheAsBitmap="true" />

以下说明了何时会用的cacheAsBitmap的情况,感谢作者的经验分享:
内容来自:http://as3blog.com/as3/when-and-how-to-use-cacheasbitmap/

根据官方的说明,结合我自己的经验,分享一下:
该用cacheAsBitmap的时候:

   1. 在一个复杂的矢量化背景图片上存在大量动画;
   2. 滚动文本区域;
   3. 基于窗口的应用(你经常会拖拽整块区域)
   4. 透明遮罩(必须强制使用,否则失效)

不应该用cacheAsBitmap的时候:

   1. 不要滥用,cacheAsBitamp十分消耗内存,一块250×250像素的矩形进行cache之后可能占掉250kb的内存!
   2. 目标元素缩放的时候不要使用。
   3. 目标元素本身最好是静态的,或者不要经常发生翻转、缩放这样的动画
   4. 不要把矢量图和cache的位图一起混用。

0 0
原创粉丝点击