zoukankan      html  css  js  c++  java
  • Finding a pixel’s color value using the Bitmap classes and getPixel()

    This example loads an image and then uses a combination of the Bitmap and BitmapData classes to determine the color value under the mouse cursor. Pretty basic, but kind of neat. Maybe? Sorta?
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/08/02/finding-a-pixels-color-value-using-the-bitmap-classes-and-getpixel/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="middle"
            backgroundColor
    ="white">

        
    <mx:Script>
            
    <![CDATA[
                private var bm:Bitmap;
                private var bmd:BitmapData;

                private function image_complete(evt:Event):void {
                    /* Create Bitmap from Image content. */
                    bm = img.content as Bitmap;

                    /* Create new BitmapData object. */
                    bmd = new BitmapData(img.contentWidth, img.contentHeight);

                    /* Draw Bitmap into BitmapData. */
                    bmd.draw(bm.bitmapData);
                }

                private function image_mouseMove(evt:MouseEvent):void {
                    /* Get the pixel currently under the mouse cursor. */
                    var color:int = bmd.getPixel(evt.localX, evt.localY);

                    /* Convert the color value from a number to Hex string. */
                    var colorStr:String = color.toString(16).toUpperCase();

                    /* Set the swatch Box instance's backgroundColor style to the color under the mouse cursor. */
                    swatch.setStyle("backgroundColor", color);

                    /* Make sure colorStr is at least 6 characters. */
                    colorStr = "000000" + colorStr;

                    /* Make sure colorStr is at MOST 6 characters. */
                    lbl.text = "#" + colorStr.substr(colorStr.length - 6);
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:Zoom id="zoom" />

        
    <mx:VBox>
            
    <mx:Image id="img" source="image1.jpg" completeEffect="{zoom}" complete="image_complete(event);" mouseMove="image_mouseMove(event)" />

            
    <mx:HBox>
                
    <mx:Box id="swatch" width="{lbl.height}" height="{lbl.height}" />
                
    <mx:Label id="lbl" width="100" fontFamily="_typewriter" fontSize="16" />
            
    </mx:HBox>
        
    </mx:VBox>

    </mx:Application>
  • 相关阅读:
    JavaWeb_(Jar)使用fastjson解析json和序列化对象
    JavaWeb_JSTL标签数据的存储
    JavaWeb_EL表达式存储数据及获得项目路径
    JavaWeb_(MVC)管理员后台商品查询demo
    JavaWeb_(设计模式)单例模式
    JavaWeb_客户端相对/绝对路径和服务器端路径
    JavaWeb_Servlet生命周期
    控制导航条最后一个标签样式的三种方法
    JS跳转到顶部的方法
    数学对象Math ceil()、floor()、round()方法
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1283440.html
Copyright © 2011-2022 走看看