在flex中也经常会用到截图功能,并且将截图的图片保存至本地。一想到图片那么我们就自然想到他的存在形式 bitmap byteArray.所以自然就会联系到bitmap类上去。
下面让我们一起来看看都有哪些方法吧。
方法一:按我们自然的思路实现:
在application中有两个容器:
<mx:Canvas id="virtour_cav" top="0" bottom="0" left="0" right="0">
</mx:Canvas>
<mx:Canvas right="0" top="0" width="200" height="200">
<mx:Image id="cpImg" left="0" right="0" bottom="0" top="0"/>
</mx:Canvas>
当我们点击截图时执行
private function CaptureImage():void{
var bd:BitmapData=getBitmapData(UIComponent(virtour_cav));
cpImg.source= new Bitmap(bd);
}
private function getBitmapData(target:UIComponent):BitmapData{
var bd:BitmapData= new BitmapData(target.width,target.height);
var m:Matrix=new Matrix();
bd.draw(target,m);
return bd;
}
最后使用FileReference.save()方法保存就可以。
fileReference.save(new Bitmap(bd),"未命名.jpg");
方法二:直接使用图片截图类ImageSnapshot实现
这个就更简单了。
private var jpgeEnc:JPEGEncoder=new JPEGEncoder();
private var fileReference:FileReference=new FileReference();
private function CaptureImage():void{
var imgSnapshot:ImageSnapshot=ImageSnapshot.captureImage(virtour_cav,0,jpgeEnc);
fileReference.save(imgSnapshot.data,"未命名.jpg");
}
但是这两个方法实现的前提是flash 播放器要求是10以上
如果我们要用一些 flash player 10 上才提供的功能时,需要在项目属性里设置一下,否则会找不到此方法,比如flash保存文件或图片到本地的方法:FileReference .save()。
flex builder3 默认要求flash player 最低要9,需要改成10.0,修改方法如下:
右键点击项目,在项目属性中找 flex compile, 修改 html wrapper,把9。0。24改为10.0.0