方法一
<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) ;
分享到:
相关推荐
在Flex中,可以将一个DisplayObject作为另一个DisplayObject的遮罩,这样被遮罩的对象只显示遮罩内的部分。例如,你可以创建一个圆形遮罩,将一个方形图片限制显示为圆形。实现这一功能的关键在于设置DisplayObject...
<div id="loading-spinner" class="d-flex justify-content-center align-items-center h-100"> 加载中... ``` 现在,我们可以编写JavaScript代码来控制遮罩层的显示和隐藏。例如,当进行数据加载时,显示...
`遮罩层`是网页设计中常见的效果,通常用于创建弹出窗口或图片蒙版。CSS的`mask`属性或者利用`background-color`结合`opacity`实现半透明遮罩,也可以使用SVG的`mask`元素进行更复杂的图形遮罩。这些技术可以提升...
至于“蒙版居中”,通常是指在页面上创建一个半透明的遮罩层,然后让内容在其上居中显示。这在弹窗、加载提示等场景中很常见。你可以创建一个全屏的蒙版元素,然后将需要居中的内容作为一个子元素,应用上述的CSS...
display: flex; justify-content: center; align-items: center; } ``` 现在,我们可以使用JavaScript来添加事件监听器,以便当鼠标滑过图片时显示透明层,滑出时隐藏它。这可以通过`addEventListener`方法实现...
- 蒙版:使用`mask`属性实现部分透明或遮罩效果。 - 变形(transform):包括旋转(rotate)、缩放(scale)、平移(translate)和扭曲(skew)。 - 过渡(transition):在两个CSS状态之间平滑过渡。 - 动画...