`
wangleifire
  • 浏览: 516867 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

flex 蒙板 遮罩

    博客分类:
  • FLEX
阅读更多

方法一

    <mx:Image source="../media/caodi2.png" mask="{imagemask}">
         <mx:filters>
             <filters:DropShadowFilter />
         </mx:filters>
     </mx:Image>
    
     <mx:Image source="../media/mask3.png" id="imagemask" cacheAsBitmap="true" />

方法二。

                 var array:Array = new Array() ;
                 array.push(new DropShadowFilter()) ;
                
                 var image:Image = new Image() ;
                 image.source = "../media/caodi2.png" ;
                 image.filters = array ;
                
                 var imageMask:Image = new Image() ;
                 imageMask.source = "../media/mask3.png" ;
                imageMask.cacheAsBitmap = true ;
               
                image.mask = imageMask ;
               
                this.addChild(image) ;
                this.addChild(imageMask) ;

分享到:
评论
1 楼 olive009 2010-03-16  
     

相关推荐

    flex绘图和遮罩

    在Flex中,可以将一个DisplayObject作为另一个DisplayObject的遮罩,这样被遮罩的对象只显示遮罩内的部分。例如,你可以创建一个圆形遮罩,将一个方形图片限制显示为圆形。实现这一功能的关键在于设置DisplayObject...

    bootstrap遮罩效果

    &lt;div id="loading-spinner" class="d-flex justify-content-center align-items-center h-100"&gt; 加载中... ``` 现在,我们可以编写JavaScript代码来控制遮罩层的显示和隐藏。例如,当进行数据加载时,显示...

    css 常用公共样式 样式总结(持续更新)

    `遮罩层`是网页设计中常见的效果,通常用于创建弹出窗口或图片蒙版。CSS的`mask`属性或者利用`background-color`结合`opacity`实现半透明遮罩,也可以使用SVG的`mask`元素进行更复杂的图形遮罩。这些技术可以提升...

    CSS+JS 蒙板居中技术,居中技术,使用JS获取div的宽度高度?

    至于“蒙版居中”,通常是指在页面上创建一个半透明的遮罩层,然后让内容在其上居中显示。这在弹窗、加载提示等场景中很常见。你可以创建一个全屏的蒙版元素,然后将需要居中的内容作为一个子元素,应用上述的CSS...

    js鼠标滑过图片,在图片上方蒙上一层透明层显示详情内容

    display: flex; justify-content: center; align-items: center; } ``` 现在,我们可以使用JavaScript来添加事件监听器,以便当鼠标滑过图片时显示透明层,滑出时隐藏它。这可以通过`addEventListener`方法实现...

    CSS3主要知识点总结+HTML5新标签(图文版).docx

    - 蒙版:使用`mask`属性实现部分透明或遮罩效果。 - 变形(transform):包括旋转(rotate)、缩放(scale)、平移(translate)和扭曲(skew)。 - 过渡(transition):在两个CSS状态之间平滑过渡。 - 动画...

Global site tag (gtag.js) - Google Analytics