`

利用blendMode实现 Alpaha 通道遮罩

阅读更多
http://chaimzane.iteye.com/blog/259101


当本身或父容器的cacheAsBitmap  = true 时,就会对,该对象的matrix 产生扰乱,就是取值设置不准确,这是    flash的bug   http://bugs.adobe.com/jira/browse/FP-121。

什么东西呢,就是
      
        A:   mask.png                   B:   frame.png                               C:    Image.*
       






                  



几张图要实现这样的效果






自然就想到了用 flash的遮罩来实现。哦对了,其中mask.png还要做下补色,然后对frame.png和Image.*组成的图
进行apha遮罩,但是这样做会有个问题因为,对Image.*的操作是基于 matrix的,而alpha遮罩是要设置cacheAsBitmap = true 的,但是这样做会有我一开始提到的那个问题,虽然http://www.sephiroth.it/weblog/a ... heasbitmap_hell.php上面给出了解决办法,但是我发现还是没有根本解决问题。怎么办勒,终于被我发现另外一种实现alpha通道遮罩的办法,而不用设置cacheAsBitmap=true,那就是用blendMode。将父层的blend设置为
BlendMode.LAYER,在将mask层放在被遮罩层上并设置blend = BlendMode.ALPHA,嘿嘿,一切都解决啦。
  • 大小: 28.2 KB
  • 大小: 55.2 KB
  • 大小: 279.9 KB
  • 大小: 70.9 KB
分享到:
评论

相关推荐

    C# wpf 实现底部嵌入HwndHost

    对于wpf实现会复杂一些,因为提供自绘没有BlendMode之类的东西,无法直接消除底部画面,能够使用的方式是Clip,这种方式限制比较多。不过最终还是实现了功能。本资源为文章附件资源,原文链接:...

    [opencv]005 简单图像混合

    之前上传的csdn上没有显示出来,不知道为什么。 这是根据openv3编程入门自己手打的代码,配置好opencv3.2获取它版本x64库即可运行

    UIImage-MARKColorizer:用于图像着色的 UIImage 类别

    演示可用方法+ (UIImage *)mark_colorizeImage:(UIImage *)image withColor:(UIColor *)color blendMode:( CGBlendMode )blendMode;- (UIImage *)mark_colorizedCopyWithColor:(UIColor *)color blendMode:(

    Having-fun-with-p5js-s-blendMode-:快速的p5.js草图测试blendMode函数,并使用CCapture生成草图的gif!

    快速的p5.js草图测试blendMode函数,并使用CCapture生成草图的gif! 为了制作gif,您需要将'recording'变量设置为true,并且可以使用index.html中的'gifLength'变量(在sketch.js中)设置gif中的帧数。的gif。

    150928_css3_blendmode:这是文章“以CSS3 mix-blend-mode实现的绘图表达”的示例。

    通过CSS3的mix-blend-mode实现的图形表达演示网址拖动鼠标进行操作。屏幕上绘制了一张彩色的图。评论文章有关详细信息,请参见用ICS LAB编写的文章。 它是使用CSS3的mix-blend-mode属性创建的。使用的图书馆 2015.05...

    blendmode-filter-video:为我在CSS Paris Meetup上的演讲而创建的小型应用程序(http

    blendmode-filter-video 为我在CSS Paris Meetup上的演讲而创建的小型应用程序( )滑梯

    flutter 怎么实现app整体灰色效果

    作为程序员我们肯定会想怎么可以实现的, 我简单研究了10分钟, flutter中只要在整体外面套一个ShaderMask, 然后修改blendMode即可 核心代码: class MyApp extends StatelessWidget { // This widget is the root of...

    three.js资源包

    three.js资源包

    context-blender:用于HTML Canvas上下文的Photoshop样式混合模式

    - overContext : A CanvasRenderingContext2D - underContext : A CanvasRenderingContext2D - blendMode : A string with the blend mode to use, e.g. 'screen' - offsetOptions : [optional] JS Object with ...

    Flutter 实现整个App变为灰色的方法示例

    在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下: @override Widget build(BuildContext context) { return ColorFiltered( colorFilter: ColorFilter.mode...

    pixie:Nim的全功能2D图形库

    功能包括: 绘制路径,形状和曲线复杂遮罩阴影,辉光和效果加载图像文件格式(PNG,BMP,JPG,SVG及更多正在开发中的图像) 该库正在积极开发中,尚无法使用。 由于您已成功发现它,因此请给它加星标并尽快回来查看...

    混合图像:确定如何将两张图像相互融合。-matlab开发

    实现了以下混合模式: 普通的减轻变暗乘划分平均数添加减去区别否定屏幕排除覆盖柔光强光颜色道奇颜色燃烧线性道奇线性燃烧线性光亮光点灯硬混合反映辉光凤凰 这些功能可用于自动组装最终图片的过程。 例如,这个...

    著名的bcastr4幻灯片灵动标签调用插件 for 帝国CMS.rar

     <blendMode>normal</blendMode>  <transDuration>1  <windowOpen>_self  <btnSetMargin>auto 5 5 auto  <btnDistance>20  <titleBgColor>0xff6600</titleBgColor>  <titleTextColor&gt...

    glow11 UNITY3D 自发光光晕插件

    Glow11插件是Unity Asset Store中非常强大的自发光插件 内含3个版本 可以做自发光, 光晕等。 支持mobile High Precision:高精度 ...Downsample BlendMode:下采样混合模式 Inner Strength Outer Strength Boost

    FlxSpotlightShader:Flixel中的聚光灯着色器

    FlxSpotlightShader Flixel中的聚光灯着色器创建一些具有黑色轮廓,没有Venn-diagram样式轮廓相交的聚光灯,在其中应用混合... 有关肉类和土豆,请参见SpotlightShader.hx,文件的最后lil blendmode位是炖肉。 例子:

    HGE_系列教材(1-9)

    颜色的相乘是对应的四个分量分别相乘的结果,即:alpha 通道的值与alpha 通道的 值相乘,红色的值与红色的值相乘,绿色的值与绿色的值相乘,蓝色的值与蓝色的值相乘。 <2> 颜色是可以相加的 同上,对应分量相加。 ...

    Purebasic:一些纯基本代码

    纯碱 GPL下的一些纯基本应用程序和代码。 附件: animatoon:一个2D位图应用程序,用于绘制和变换图像... 图像:blendmode,圆形笔刷,调色板 游戏:screen_mouse,tuto2D windows_gadget:Windows创建者 干杯!

    Flutter-Hover-Effects

    不幸的是,一些小部件和元素无法在网络上运行,例如ShaderMask和BlendMode.srcOut。 网络版本的性能也明显低于桌面版本。 要使其中一些效果在#4等网络上起作用,请确保使用canvaskit作为渲染器( --web-renderer...

    FairyGUI-Unity-Plugin-3.4.0.zip

    - FIXED: A BlendMode bug. 3.1.0 - NEW: Draw extra 8 directions instead of 4 directions to archive text outline effect. Toggle option is UIConfig.enhancedTextOutlineEffect. - IMPROVED: Eexecution ...

Global site tag (gtag.js) - Google Analytics