AS3]Bitmap序列化(将BitmapData保存为原生Binary/ByteArray)

原文:http://flash.9ria.com/viewthread.php?tid=40783&utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+9RIAnews+%289RIA.com%E5%A4%A9%E5%9C%B0%E4%BC%9A+-++%E4%BA%BA%E4%BA%BA%E5%BF%AB%E6%8A%A5%29&utm_content=Google+Reader

 

 

该方法很实用:强烈推荐:

 

 

 

 

 

  • 知识补漏:
  •  

  • BitmapData 转换为 ByteArray
  • 获得BitmapData对应的字节数组, 所要做的只是调用getPixels()方法。getPixels()方法需要指定捕捉区域;最便捷的方法就是使用即将序列化的BitmapData的rect属性
  • getPixels(rect:Rectangle):ByteArray

     像素数据的矩形区域生成一个字节数组。 为每个像素将一个无符号整数(32 位未经相乘的像素值)写入字节数组。

    rect参数就是图像的大小!

    readUnsignedByte():uint

    从字节流中读取一个无符号的 32 位整数。

     

    writeUnsignedInt(value:uint):void

    在字节流中写入一个无符号的 32 位整数。

     

    //得到位图的二进制数据 

    1. // ActionScript 3.0
    2. // 假定“bitmapImage”是需要序列化的位图对象
    3. var bytes:ByteArray = bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect);
  • */
  • <位图是32位的> 每个像素占4个字节  (因为位图是RGBA,32位,因为8位代表一个字节,所以像素(RGBA组成)只有4个字节)

    二进制数据的单位都是字节byte

    保存宽与高:(因为像素总数为:宽*高)又图像大小rect知道 故只需要知道宽或者高:

    1. var bytes:ByteArray = new ByteArray();
    2. bytes.writeUnsignedInt(bitmapImage.bitmapData.width);//因为flash的宽高是由像素表示的 所以写入四字节 即32位
    3. bytes.writeBytes(bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect));//将字节流保存到bytes里
    4. //上面是先写入宽,然后才写入图像的像素数据 !所以bytes的前个字节代表的宽,后面的才是像素信息。
    5. bytes.compress();//压缩
    6. 读取信息:
    7. 先要解压: data.unpress();  (data是ByteArray类型,有图像二进制数据)

    读取宽:  var width:int = data.readUnsignedInteger(); // 起始的4个字节

    得到高度:

    1. // after data.uncompress()
    2. var height:int = ((data.length - 4) / 4) / width;
    3. // (data.length - 4) ** 去掉开始的4个字节,其余的便是位图的字节数组了 **
    4. // ((data.length - 4) / 4) ** 每个像素4个字节长, 所以要除以4得到总像素数 **
    5. // ((data.length - 4) / 4) / 宽度 ** 记住,因为是矩形才能这样计算出高度 **

     

    得到宽高后还原图像:

    var bmd:BitmapData = new BitmapData(width, height, true, 0); // 32位支持alpha通道的位图

    bmd.setPixels(bmd.rect, data); // 数据的position指向第5个字节了

    var bm:Bitmap = new Bitmap(bmd);

     

     

     

     

     

     

     

     

  • 来源页面: http://www.ghostwire.com/blog/archives/as3-serializing-bitmaps-storing-bitmapdata-as-raw-binarybytearray/
  • 资讯原标题: [AS3] Serializing Bitmaps (Storing BitmapData As Raw Binary/ByteArray)
  • 资讯原作者: sunny

    我的评论:
    对这篇文你有啥看法,跟贴说说吧!欢迎口水和板砖,哈哈。欢迎大家和我们一同分享更多资讯。


    本帖最后由 kingnare 于 2009-12-4 22:30 编辑

    应用程序需要将位图图像保存到本地或发送到服务端时, 通常的方法是在发送数据前将图像通过PNG或JPEG编码。如果只是想保存位图图像,只要序列化BitmapData即可,将图像转换为JPEG/PNG是完全没有必要的。

    BitmapData 转换为 ByteArray

    获得BitmapData对应的字节数组, 所要做的只是调用getPixels()方法。getPixels()方法需要指定捕捉区域;最便捷的方法就是使用即将序列化的BitmapData的rect属性。
    1. // ActionScript 3.0
    2. // 假定“bitmapImage”是需要序列化的位图对象
    3. var bytes:ByteArray = bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect);
    复制代码
    这个方法会返回一个ByteArray对象,BitmapData的每个像素对应ByteArray对象中的一个4字节的无符号整型。这意味着如果是20x20的位图图像, 对应的ByteArray对象在压缩前有1600个字节(20x20x4=1600)
    得到ByteArray对象后, 压缩:
    1. var bytes:ByteArray = bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect);
    2. bytes.compress();
    复制代码
    得到了位图图像无损压缩的二进制数据了.

    位图尺寸(宽与高)

    这样看来, 得到位图图像对应的ByteArray数据很容易 - 只要调用getPixel()方法即可.当然, 将ByteArray再构造为位图图像才能证明数据是有用的. 除像素数据外, 字节数组不能为位图图像指定尺寸.就是说你得把尺寸信息也要保存在字节数组里.其实只要保存高度或宽度即可, 因为已经知道了像素总数, 通过计算便能算出另一个.

    下面的代码中,字节数组前4个字节保存BitmapData的宽度, 接下来再保存图像字节数组.
    1. var bytes:ByteArray = new ByteArray();
    2. bytes.writeUnsignedInt(bitmapImage.bitmapData.width);
    3. bytes.writeBytes(bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect));
    4. bytes.compress();
    复制代码
    保存文件

    前面的工作完成后就可以使用常用的方法保存二进制数据了(发送给服务端脚本,AIR本地文件API,SharedObject以及FP10 FileReference等等).这个例子中, 我们通过使用FileReference类的save()方法(需要Flash Player 10)将二进制数据保存到本地存储器中.由于Flash Player的安全措施,save()方法只有在用户交互事件中才能够调用(例如鼠标点击事件).因此需要新建一个按钮并附加一个监听器, 在事件处理方法中调用save()方法.
    1. // ** 需要Flash Player 10以上版本 **
    2. function on_buttonClick(evt:MouseEvent):void
    3. {
    4.         var bytes:ByteArray = new ByteArray();
    5.         bytes.writeUnsignedInt(bitmapImage.bitmapData.width); // 保存图像宽度
    6.         bytes.writeBytes(bitmapImage.bitmapData.getPixels(bitmapImage.bitmapData.rect)); //保存图像字节数组
    7.         bytes.compress();
    8.         new FileReference().save(bytes, "image.bmd"); // 默认文件名: "image.bmd"
    9. }
    复制代码
    文件可任意命名.上面的例子中, 我使用了".bmd"(BitmapData)做为文件扩展名,不过这只是一个自己想出的文件类型.最终保存的文件无有效MIME的, 不会当作已知的文件类型运行 - 这是我们自定义的二进制数据格式文件, 仅仅是用来保存图像数据, 方便以后我们的程序重用.

    ByteArray 转换为 BitmapData

    上面提到过, 我们要将保存的数据重构, 这样才能还原出原始位图图像.
    首先, 通过URLLoader加载文件:
    1. var ldr:URLLoader        = new URLLoader();
    2. ldr.dataFormat        = URLLoaderDataFormat.BINARY; // ** 这里一定要指定dataFormat为URLLoaderDataFormat.BINARY **
    3. ldr.addEventListener(Event.COMPLETE, on_fileLoad);
    4. ldr.addEventListener(IOErrorEvent.IO_ERROR, on_fileLoadError);
    5. ldr.load(new URLRequest(pathToBitmapDataFile));
    复制代码
    事件处理方法on_fileLoad:
    1. function on_fileLoad(evt:Event):void
    2. {
    3.         if (evt.type == Event.COMPLETE)
    4.         {
    5.                 var data:ByteArray = URLLoader(evt.target).data as ByteArray;
    6.                 if (data)
    7.                 {
    8.                         try
    9.                         {
    10.                                 data.uncompress();
    11.                         }
    12.                         catch(e:Error)
    13.                         {
    14.                         }
    15.                         // 此时的数据已经是解压后的字节数组了
    16.                         // ... 处理数据 ...
    17.                 }
    18.         }
    19. }
    复制代码
    现在我们来取出位图图像的尺寸. 还记得之前我们在二进制数据的头4个字节保存了宽度值吧.
    1. // 数据解压后
    2. var width:int = data.readUnsignedInteger(); // 起始的4个字节
    复制代码
    得到高度:
    1. // after data.uncompress()
    2. var height:int = ((data.length - 4) / 4) / width;
    3. // (data.length - 4) ** 去掉开始的4个字节,其余的便是位图的字节数组了 **
    4. // ((data.length - 4) / 4) ** 每个像素4个字节长, 所以要除以4得到总像素数 **
    5. // ((data.length - 4) / 4) / 宽度 ** 记住,因为是矩形才能这样计算出高度 **
    复制代码
    注意:如果要忽略尺寸计算, 可以把高宽同时保存在二进制数据中.两种方法都是可行的, 可自行选择.

    得到尺寸后, 就可以使用setPixels()方法重构Bitmap对象了.
    1. var bmd:BitmapData = new BitmapData(width, height, true, 0); // 32位支持alpha通道的位图
    2. bmd.setPixels(bmd.rect, data); // 数据的position指向第5个字节了
    3. var bm:Bitmap = new Bitmap(bmd);
    4. addChild(bm);
    复制代码
    结论

    以上方法展现了将BitmapData数据转换为ByteArray, 保存ByteArray, 然后再将已保存的ByteArray重新构造为BitmapData的整个过程.虽然基本目标是能够把位图图像保存到服务器/本地存储器, 但上述技巧放在其他情况中也是十分有用的.例如, 得到图像的ByteArray数据后, 可以将其发送(post)到服务器做进一步处理. 也可用来裁减外部的JPEG/PNG图像文件,去掉所有的JPEG/PNG编码中含有的元数据信息(meta information), 只留下原始(raw)图像数据(文件可能更小了).当然了, 最终的二进制文件不能做为JPEG/PNG打开了, 但应用程序能够在运行时很容易的重构出相应的图像来.实际上,也可认为这是一种保护外部图片不被盗链的好方法.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值