`

图片遮罩

    博客分类:
  • flex
 
阅读更多

 

<mx:Canvas width="100%" height="100%" >
		<mx:Image source="../assets/Desert.jpg" x="10" y="10" mask="{maskCanvas}">
			<mx:filters>
				<filters:DropShadowFilter />
			</mx:filters>
		</mx:Image>
		<mx:Canvas x="81" y="62" width="344" height="274" backgroundColor="#ff0000" id="maskCanvas" cornerRadius="15" borderStyle="solid" />
	</mx:Canvas>
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/mx"
					   xmlns:filters="flash.filters.*"
					   showStatusBar="false" backgroundAlpha="0"
					   >
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>

	<mx:Image source="../assets/Desert.jpg" mask="{maskCanvas}" />
	
	<mx:Canvas width="100%" height="100%" id="maskCanvas" cornerRadius="9" borderStyle="solid" />
	
</s:WindowedApplication>
分享到:
评论

相关推荐

    jquery实现图片遮罩动画进渡提示特效

    本教程重点讲解如何利用jQuery来实现一个图片遮罩动画过渡提示特效,这在用户交互和界面反馈方面具有很高的实用价值。 首先,我们需要理解“图片遮罩”(Image Masking)的概念。遮罩是覆盖在图片上的一种半透明或...

    Bootstrap鼠标悬停图片遮罩特效

    在“Bootstrap鼠标悬停图片遮罩特效”这个主题中,我们将深入探讨如何利用Bootstrap结合JavaScript来实现一种交互式的图片展示效果,即当鼠标悬停在图片上时,图片上会覆盖一层半透明的遮罩,可以用来展示额外信息...

    图片遮罩半透明显示详细信息的插件,很实用

    标题提到的“图片遮罩半透明显示详细信息的插件”就是为实现这一目标而设计的工具。 遮罩效果是网页设计中的常见手法,它通过在原元素上覆盖一层半透明层来达到突出显示特定内容的目的。在这个插件中,当鼠标悬停在...

    CSS3点击图片遮罩放大显示特效.zip

    在压缩包中的"CSS3点击图片遮罩放大显示特效"文件,应该包含相关的CSS样式文件(如`.css`)、HTML结构文件(如`.html`),可能还有JavaScript脚本文件(如`.js`)。通过研究这些文件,我们可以深入理解并学习这个...

    css3各种图片遮罩特效.zip

    在CSS3中,图片遮罩特效是一种通过应用不同的形状、颜色或图案来部分隐藏或装饰图像的技术。这种技术可以用于创建各种吸引人的视觉效果,如按钮、卡片、相册等。"css3各种图片遮罩特效.zip"这个压缩包很可能包含了一...

    CSS3鼠标悬停图片遮罩特效.zip

    【CSS3鼠标悬停图片遮罩特效】 在网页设计中,视觉效果的创新与互动性是吸引用户注意力的重要手段。CSS3的引入为开发者提供了更多创造动态效果的可能性,其中之一就是鼠标悬停图片遮罩特效。这个特效使得当用户将...

    Android 图片遮罩

    在Android开发中,图片遮罩是一种常见的图像处理技术,它允许我们通过定义一个遮罩(mask)来改变图片的显示效果,通常用于实现半透明、形状裁剪或添加特效等功能。这个工具类提供了对Android图片进行遮罩处理的能力...

    CSS3鼠标hover图片遮罩层动画效果

    【CSS3鼠标hover图片遮罩层动画效果】是一种在网页设计中常见的交互式视觉效果,主要利用CSS3的:hover伪类、transition、transform等特性来实现。这种效果可以使用户在鼠标悬停在图片上时,产生一个动态的遮罩层,...

    CSS3按住鼠标图片遮罩放大显示代码

    本示例中的“CSS3按住鼠标图片遮罩放大显示代码”就是利用CSS3特性来创建一种图片预览效果,用户在按住鼠标左键时,图片会有一个遮罩层覆盖并放大显示,提升了用户体验,特别是对于产品展示或图像浏览的场景非常适用...

    jQuery鼠标移动图片遮罩显示特效.zip

    在这个"jQuery鼠标移动图片遮罩显示特效.zip"压缩包中,包含了一个利用jQuery实现的独特图片展示功能,特别适用于图片相册或者产品展示等场景。接下来,我们将深入探讨这个特效背后的技术细节。 首先,jQuery的事件...

    jQuery图片遮罩滑动文字切换特效.zip

    【jQuery图片遮罩滑动文字切换特效】是一种常见的网页交互设计,主要应用于网站中的图片展示或产品介绍,通过结合jQuery库实现动态效果,为用户提供更丰富的视觉体验。这个特效利用了jQuery的事件监听、DOM操作以及...

    jquery hover图片遮罩层滑动.zip

    【jQuery Hover图片遮罩层滑动】是一种常见的网页交互效果,尤其在图片展示或产品介绍中广泛应用。这种效果使得用户在鼠标悬停于图片上时,会出现一个半透明的遮罩层,并且这个遮罩层会沿着指定方向进行平滑的滑动,...

    图片遮罩层

    【图片遮罩层】是一种常见的网页设计和前端开发技术,用于在图片上添加一层半透明或全色的覆盖层,以此实现各种视觉效果,如强调、提示信息、按钮交互等。这种技术通常结合CSS(层叠样式表)和JavaScript来实现,...

    CSS3鼠标悬停图片遮罩显示图标和文字动画特效

    【CSS3鼠标悬停图片遮罩显示图标和文字动画特效】是一种常见的网页设计技术,它利用CSS3的强大功能,为用户交互提供丰富的视觉体验。在网页中,当鼠标指针悬停在图片上时,会触发一个遮罩层,遮罩层上通常会显示图标...

    js图片遮罩效果实现

    在网页设计中,图片遮罩效果是一种常见的交互设计手法,它可以增强用户体验,特别是当需要突出显示图片的某个局部时。本文将深入探讨如何使用JavaScript来实现这种效果,并结合实例进行详细解析。 首先,我们需要...

    2种超酷鼠CSS3标滑过图片遮罩层动画特效.zip

    【CSS3图片遮罩层动画特效】 在网页设计中,CSS3已经成为了一项不可或缺的技术,它为网页元素提供了丰富的样式和动态效果。本资源“2种超酷鼠CSS3标滑过图片遮罩层动画特效”正是利用了CSS3的强大功能,创造出极具...

    CSS3鼠标经过图片遮罩层代码.zip

    在这个项目"CSS3鼠标经过图片遮罩层代码"中,开发者利用了CSS3的新特性来实现一种交互效果:当鼠标悬停在图片上时,会出现一个遮罩层,并伴有动画效果。这个效果是基于Bootstrap 3.3.5框架构建的,Bootstrap是...

    jQuery图片遮罩效果.zip

    此作品是一款效果非常好看的jQuery特效,实现图片遮罩动画过渡提示效果,应用范围很广,可以使用到产品展示、相册展示里面,加上了此特效就多了一类似flash实现的动画效果,利用Jquery的动画插件animate实现的。

    Bootstrap鼠标悬停图片遮罩特效.zip

    Bootstrap鼠标悬停图片遮罩特效是一种常见的网页设计技术,它能为网站的图像展示增加交互性和视觉吸引力。这种效果在用户将鼠标光标移动到图片上时,会在图片上覆盖一层半透明的遮罩,遮罩上通常会显示与图片相关的...

Global site tag (gtag.js) - Google Analytics