`
maloveqiao
  • 浏览: 102720 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

動態加載圖片 Image后,使用 馬賽克 特效。

    博客分类:
  • as3
 
阅读更多
    <?xml version="1.0" encoding="utf-8"?> 
    <mx:Application  
        xmlns:mx="http://www.adobe.com/2006/mxml"  
        layout="absolute" 
            minWidth="350" 
        minHeight="136" 
            backgroundColor="#ffffff" 
            creationComplete="init();" 
        > 
         
    <mx:Script> 
     
    <![CDATA[ 
     
        import cn.riahome.filters.DisplayObjectFilter; 
        import mx.controls.Image; 
     
        private function init():void 
        { 
            var image:Image = new Image(); 
            image.source = "image/water.jpg"; 
            image.addEventListener(Event.RESIZE, complete); 
            addChild(image); 
        } 
         
                 
        private function complete(event:Event):void { 
            var image:Image = event.target as Image; 
            trace(image.width + ":" + image.height); 
            image.addEventListener(Event.RENDER, render); 
        } 
                 
        private function render(event:Event):void { 
            var image:Image = event.target as Image; 
            trace("render:" + image.width + ":" + image.height); 
            var bmpData:BitmapData = DisplayObjectFilter.mosaicFilter2( image, 0.2 ); 
            var bmp:Bitmap = new Bitmap( bmpData ); 
            var image2:Image = new Image(); 
            image2.source = bmp; 
            removeChild(image); 
            addChild(image2); 
        } 
     
    ]]> 
     
    </mx:Script> 
    </mx:Application> 
分享到:
评论

相关推荐

    基于HTML5 canvas实现图片马赛克特效

    总结一下,本文介绍了如何使用HTML5的canvas元素和JavaScript实现图片马赛克特效。我们创建了一个canvas元素,并在其中加载和绘制图片,然后通过遍历和处理每个像素块,实现了马赛克效果。最后,我们提供了调整...

    css3马赛克样式图片切换

    2. **背景图片与伪元素**:另一种方法是使用`::before`或`::after`伪元素,并设置`background-image`属性,通过CSS3的`background-size`控制每个马赛克单元的图片大小,`background-position`调整图片的位置,以及`...

    HTML5 canvas生成图片马赛克特效插件

    在这个场景中,"HTML5 canvas生成图片马赛克特效插件"是一个利用canvas特性来实现图片马赛克效果的JavaScript插件。这个插件通过分析图像的颜色并将其转换为不同形状和颜色的马赛克块,从而达到一种艺术化的模糊处理...

    基于HTML5 canvas实现图片马赛克特效.zip

    本项目利用canvas实现了图片马赛克特效,这是一种常见的图像处理技术,用于模糊或遮盖图像的某些部分,以保护隐私或创造艺术效果。下面将详细阐述这一实现过程。 首先,我们需要创建一个HTML页面,包含一个canvas...

    网站js图片特效 很好的哦

    "网站js图片特效"指的是使用JavaScript实现的各种创新性图片展示方式,这些特效能够提升用户体验,使网页更加生动有趣。下面我们将详细探讨JavaScript在图片特效中的应用以及相关知识点。 1. **图片轮播(Slideshow...

    jquery马赛克图片切换效果

    在这里,我们使用了`hidden`类来隐藏初始图片,待JavaScript加载并执行动画后才显示。 接着,我们需要编写JavaScript代码来处理图片的切换。在jQuery中,我们可以使用`$(document).ready()`函数确保代码在DOM加载...

    图像显示特效百叶窗与马赛克

    通过阅读和理解这些资源,开发者可以更好地理解和实现图像的百叶窗和马赛克特效。 总的来说,实现图像显示特效需要对VC++编程、Windows API、图像处理和动画控制有扎实的理解。通过实践,不仅可以提升编程技巧,也...

    Python+OpenCV 实现的人脸检测并打马赛克源码

    2. **加载图像**:从本地文件系统加载图像,例如`img`文件夹中的图片。 ```python image = cv2.imread('path/to/image.jpg') ``` 3. **人脸检测**:OpenCV提供了预训练的人脸检测模型,如Haar级联分类器。我们...

    jQuery马赛克图片还原动画特效代码

    在马赛克图片特效中,可能需要设置或读取图片元素的`src`属性,以加载或切换图片: ```javascript var originalImage = $(this).attr('data-original-src'); $(this).attr('src', originalImage); ``` 这里使用`data...

    马赛克颗粒感天空Canvas特效.rar

    可以使用`new Image()`创建一个图像对象,然后设置其`src`属性并监听`onload`事件,确保图像加载完成后才进行Canvas绘图。 总的来说,"马赛克颗粒感天空Canvas特效"是一个结合了图像处理、像素操作、随机数生成和...

    jQuery全屏图片放大缩小切换特效

    3. **马赛克透明背景**:在图片下方可能有一个马赛克效果的透明背景,这通常是通过CSS的`background-image`属性和`opacity`属性实现,使得背景具有一定的视觉吸引力,同时不会分散用户对主图的注意力。 4. **图片...

    C# 马赛克特效代码

    在本文中,我们将深入探讨如何在C#中实现马赛克特效。马赛克是一种常见的图像处理技术,常用于保护隐私或创建独特的视觉效果。它通过将图像分割成小块并应用模糊处理来达到目的。以下是一些关于C#中实现马赛克特效的...

    重新整理过的10个用JavaScript实现的图片特效

    5. **图片懒加载(Lazy Loading)**:图片只有在进入视口时才加载,有效减少页面加载时间。JavaScript可以监听滚动事件,判断图片是否在视口内,若在则请求图片数据并显示。 6. **图片叠加效果(Overlay Effects)*...

    jquery酷炫的马赛克图片还原动画代码

    &lt;img id="mosaic-image" src="your-image.jpg" alt="马赛克图片"&gt; ``` 3. **CSS样式**:为了实现马赛克效果,我们需要用CSS将图片分割成多个方块。可以使用CSS的`background-position`属性和`repeat`来实现。...

    Android特效源码02

    10. **动画库**:如NineOldAndroids、Android-Universal-Image-Loader等第三方库,为开发者提供了更多的动画选择和图片加载优化,便于实现各种特效。 通过研究"Android特效源码02"中的代码,开发者不仅能学习到如何...

    SlideShow.zip--实现图片切换特效(如幻灯片效果)

    在本文中,我们将深入探讨如何使用GDI+来实现图片切换特效,如幻灯片效果。GDI+是Microsoft Windows操作系统中的一个图形设备接口,它提供了丰富的绘图功能,包括图像处理、图形绘制以及文本渲染等。对于实现...

    three.js 将图片马赛克化的示例代码

    在本文中,我们将深入探讨如何使用three.js库将图片转换为马赛克效果。three.js是一个流行的JavaScript库,专门用于在Web浏览器中进行3D图形编程。通过它,我们可以实现各种复杂的视觉效果,包括将2D图像转化为...

    烟雾消散图片切换Canvas特效

    1. **加载图片**:使用`Image`对象加载图片资源,并在图片加载完成后进行后续操作。 2. **绘制图片**:将未处理的图片(下层)直接绘制到Canvas上。然后,对于带有烟雾消散和马赛克效果的图片(上层),我们可以先将...

    多图幻灯Pixelate马赛克效果

    标题中的“多图幻灯Pixelate马赛克效果”指的是在设计或开发网站或应用程序时,使用一种视觉特效,将图片展示成类似马赛克的效果,这种效果通常用于创建过渡、幻灯片展示或者增强用户体验。马赛克效果是通过将大图像...

    络石 图像 image

    位图由像素组成,放大后可能出现马赛克,而矢量图则基于几何形状,放大不失真。 2. 图像颜色模式:RGB(红绿蓝)是屏幕显示的主要颜色模式,适用于网页和屏幕显示;CMYK(青洋红黄)用于打印,基于油墨的混合;灰度...

Global site tag (gtag.js) - Google Analytics