`
ibvjc36f
  • 浏览: 13288 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

flex的mask处理

 
阅读更多

  在做公司一个flash播放器时候,需要在一个swf中动态加载外部一个swf并显示出来,但是,这个需要加载的swf由于制作的原因,除了显示出stage的内容外,还会把swf隐藏(不知道制作是否隐藏)部分显示出来,这样非常不好。开始处理是通过限制这个swf的区域大小来屏蔽那些stage以为的内容,但是,由于swf的大小还不一致,这样导致一些swf被切去一部分,一些swf还是会显示出多余的部分。后来找到一种方式来处理,就是mask。基本原理就是设置一个mask,大小可以设定,然后设置到外部加载的swf中,这样swf只显示出来mask那样大小的范围了。
  具体代码:                    h){ horizontal = true; } w = Math.min(w,externalSwf.width); if(horizontal){ h = Math.max(h,externalSwf.height); } else{ h = Math.min(h,externalSwf.height); } var xPos:Number = (externalSwf.width - w) / 2; var cornerRadius:int = 0; roundedMask = new Sprite(); swfCanvas.rawChildren.addChild(_roundedMask); roundedMask.graphics.clear(); roundedMask.graphics.beginFill(0xFF0000); roundedMask.graphics.drawRoundRect(xPos, 0,w, h, cornerRadius, cornerRadius); roundedMask.graphics.endFill(); externalSwf.mask = roundedMask; } ]]-->             相关flex的mask方面效果可以参看这里
分享到:
评论

相关推荐

    flex_video_帮助

    Flex Video 通过 `flash.net.NetStream` 对象来处理网络流,实现视频数据的实时传输和播放。这使得 Flex Video 能够在不同的网络环境下提供稳定的服务。 ##### 6. 视频平滑度 为了提高视频播放的平滑度,Flash ...

    flex绘图和遮罩

    实现这一功能的关键在于设置DisplayObject的mask属性,将其指向遮罩对象。遮罩不仅可以是简单形状,也可以是复杂的自定义图形或者精灵,甚至还可以动态改变遮罩形状,实现动态效果。 在实际应用中,Flex的绘图和...

    flex as3 air ria 遮罩的使用例子

    在Flex AS3应用程序开发中,遮罩(Masking)是一种重要的图形处理技术,它允许开发者隐藏或显示特定的显示对象区域。遮罩可以用于创建复杂的交互式用户界面元素,如弹出窗口、动画效果和自定义组件。在这个“flex as...

    Flex采用遮罩方法图片裁剪

    遮罩(Masking)是ActionScript 3和Flex中一个强大的图形处理特性,它允许我们隐藏或显示显示对象的一部分。在图片裁剪场景中,遮罩可以作为裁剪区域的定义,只显示遮罩内的图像部分,从而实现裁剪效果。 首先,...

    flex 弹出窗口并居中显示

    三、特殊情况处理 1. 自适应窗口大小:如果弹出窗口的大小需要根据内容自适应,可以使用`max-width`和`max-height`限制最大尺寸,同时保持`overflow: auto`以启用滚动条。 2. 窗口拖动:为了增加交互性,弹出窗口...

    flex4 收集13种特效

    工厂类用来处理事件、控制动画,而实例类则用来实际实现动画效果。当触发器被触发时,工厂类创建一个实例类的实例来播放所需效果。这种方式遵循了设计模式中的工厂模式。 #### 三、Flex特效示例 接下来,我们将...

    Flex_4_Fun

    4. **高级图形功能**:包括了图形过滤器(Filter)、遮罩(Mask)等高级图形处理技术的应用。 #### 三、滤镜(Filters):轻松实现图像处理 滤镜是Flex 4提供的一种强大工具,可以用来快速对图像进行各种效果处理。这...

    FLEX 容器内多个图片分别拖动

    - 首先定义必要的变量,如 `_mask`, `_dragaImage`, `_xOff`, `_yOff`, `_transformX`, `_transformY` 等,这些变量将在后续的处理中使用。 2. **定义`initDragAndDrop`方法**: - 此方法作为整个拖动逻辑的入口...

    flex ufo 游戏

    Flex UFO是一款基于Adobe Flex技术的单击网页游戏,它以其独特的特效处理和遮罩技术,为玩家带来了丰富的视觉体验。本文将深入探讨Flex UFO游戏的开发过程,主要包括ActionScript编程、精灵类的使用、遮罩效果以及...

    flex特效、适合初学者学习

    工厂类负责事件处理和动画控制,实例类实现动画效果。例如,Zoom工厂类创建ZoomInstance实例来播放缩放效果。 1.2 简单效果组件 Flex包含一系列内置效果组件,所有效果都有duration属性以设定播放时间,以及...

    flex弹性布局+图片遮罩层作业

    Flex布局(Flexible Box),又称为弹性盒布局,是CSS3中的一种布局模式,主要用于解决传统CSS布局(如Block、Inline或Table布局)在处理复杂的网页元素排列和对齐时所遇到的问题。Flex布局提供了一种更为灵活的方式...

    FDCAN_Receive_MASK.rar

    标题"FDCAN_Receive_MASK.rar"所对应的项目是关于在STM32G0B1微控制器上使用FDCAN(FlexCAN)接口,并结合HAL库实现CAN(Controller Area Network)通信的功能,特别是通过掩码模式配置两个过滤器来接收和发送数据。...

    asp.net前台显示后台处理进度条

    display: flex; justify-content: center; align-items: center; } .loading-mask img { animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: ...

    Flex中如何判断是否在组件之外单击

    此外,对于复杂的交互,你还可以考虑使用鼠标遮罩层(mask layer)或者监听`MOUSE_LEAVE`事件来检测用户离开特定组件,但这通常涉及更多的事件管理和状态跟踪。在本例中,通过简单地检查`contains()`方法,我们可以...

    详解css3 mask遮罩实现一些特效

    这个特性在Web设计中尤其有用,因为它提供了比传统背景更精细的控制,允许设计师实现复杂的图像处理效果。然而,值得注意的是,IE浏览器并不支持CSS3的mask属性,而WebKit内核的浏览器(如Chrome、Safari、iOS和...

    bootstrap遮罩效果

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

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

    Flex布局,全称为 Flexible Box,是CSS3引入的一种全新的布局模式,旨在解决传统布局方式在处理动态内容和响应式设计时的局限性。通过设置`display: flex`,我们可以轻松地控制容器内元素的排列方式、对齐和分配空间...

    js加载等待效果,原理点击后创建层,onclick事件触发

    JavaScript加载等待效果是一种常见用户体验优化技术,用于在数据加载期间向用户展示反馈,告知他们系统正在处理请求。这种效果通常会在用户点击按钮或链接后显示,直到后台数据完全加载完毕。下面将详细介绍实现这一...

    CSS3 Lightbox缩略图效果.zip

    这里我们将使用jQuery,因为它提供了简洁的DOM操作和事件处理。首先,我们监听点击事件,并在触发时阻止默认行为,以防止页面跳转: ```javascript $('.thumbnail').click(function(e) { e.preventDefault(); // ...

    jQuery Loading遮罩加载特效

    display: flex; justify-content: center; align-items: center; } ``` 然后,我们需要一个HTML元素来承载这个遮罩效果,例如: ```html <div id="loading-mask" class="loading-mask"> ...

Global site tag (gtag.js) - Google Analytics