Flex 屏幕截图并导出图片

在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

 

 

测试  好用