Flex 获得png透明截图的问题和解决方法
更新时间:2009年10月23日 22:59:09 作者:
最近Flex项目中需要保存背景为透明的截图,需要用到PngEncoder类。
代码大概这样:
// displaObject 为需要截图对象
var pngEncoder:PngEncoder = new PngEncoder();
var bitMapData:BitmpaData = new BitmpaData(displaObject.widht,displaObject.height);
bitMapData.draw(displaObject);
var imageByteArray:ByteArray = pngEncoder.encode(bitMapData);
.....
send the imageByteArray to server side scripts .......
但是得到结果并不透明,于是怀疑encode方法没有包含Alpha通道。改为第二种方法:
var bytes:ByteArray = bitmapData.getPixels(new Rectangle(0,0,bitmapData.width,bitmapData.height));
var imageByteArray2:ByteArray = pngEncoder.encodeByteArray(bytes,bitmapData.width,bitmapData.height,true);
结果仍然没有透明度信息!
于是仔细读了手册每一项找到如下一段话:
transparent:Boolean (default = true) — 指定位图图像是否支持每个像素具有不同的透明度。默认值为 true(透明)。若要创建完全透明的位图,请将 transparent 参数的值设置为 true,将 fillColor 参数的值设置为 0x00000000(或设置为 0)。将 transparent 属性设置为 false 可以略微提升呈现性能。
也就是说,transparent = true 还不行,fillColor还必须设置为 0x000000!!
var bitMapData:BitmpaData = new BitmpaData(displaObject.widht,displaObject.height,true,0x000000);
其实这样设置挺说不通的,但是以后碰到问题还是要多看看手册了!
复制代码 代码如下:
// displaObject 为需要截图对象
var pngEncoder:PngEncoder = new PngEncoder();
var bitMapData:BitmpaData = new BitmpaData(displaObject.widht,displaObject.height);
bitMapData.draw(displaObject);
var imageByteArray:ByteArray = pngEncoder.encode(bitMapData);
.....
send the imageByteArray to server side scripts .......
但是得到结果并不透明,于是怀疑encode方法没有包含Alpha通道。改为第二种方法:
复制代码 代码如下:
var bytes:ByteArray = bitmapData.getPixels(new Rectangle(0,0,bitmapData.width,bitmapData.height));
var imageByteArray2:ByteArray = pngEncoder.encodeByteArray(bytes,bitmapData.width,bitmapData.height,true);
结果仍然没有透明度信息!
于是仔细读了手册每一项找到如下一段话:
transparent:Boolean (default = true) — 指定位图图像是否支持每个像素具有不同的透明度。默认值为 true(透明)。若要创建完全透明的位图,请将 transparent 参数的值设置为 true,将 fillColor 参数的值设置为 0x00000000(或设置为 0)。将 transparent 属性设置为 false 可以略微提升呈现性能。
也就是说,transparent = true 还不行,fillColor还必须设置为 0x000000!!
复制代码 代码如下:
var bitMapData:BitmpaData = new BitmpaData(displaObject.widht,displaObject.height,true,0x000000);
其实这样设置挺说不通的,但是以后碰到问题还是要多看看手册了!
相关文章
基于WebService的数据访问(上) Flex与.NET互操作(二)
Flex提供了<mx:WebService>、<mx:HTTPService>和<mx:RemoteObject>标签来直接访问远程数据,这用于与各种不同语言环境开发提供的远程服务端数据源(如WebService)进行数据交互通信显得更加容易.2009-06-06Flex 动态绑定BindingUtils.bindProperty
Flex 动态绑定BindingUtils.bindProperty实现代码。2009-06-06
最新评论