Flex 3中利用ImageSnapshot类捕获JPEG或PNG形式图片的例子

下面的例子展示了如何在Flex 3中，通过设置ImageSnapshot类中的 encoder参数和调用静态 captureImage()事件，捕获JPEG或PNG形式图片。

下面是具体的源代码：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.graphics.ImageSnapshot;
10.             import mx.graphics.codec.*;
12.             private const jpgEnc:JPEGEncoder = new JPEGEncoder();
13.             private const pngEnc:PNGEncoder = new PNGEncoder();
15.             private function captureImg(imgEnc:IImageEncoder):void {
16.                 var ohSnap:ImageSnapshot;
17.                 ohSnap = ImageSnapshot.captureImage(img, 0, imgEnc);
18.                 textArea.text = ImageSnapshot.encodeImageAsBase64(ohSnap);
19.             }
20.         ]]>
21.     </mx:Script>
23.     <mx:ApplicationControlBar dock="true">
24.         <mx:ToggleButtonBar id="toggleButtonBar"
25.                 itemClick="captureImg(event.item.data);">
26.             <mx:dataProvider>
27.                 <mx:Array>
28.                     <mx:Object label="Capture as JPEG" data="{jpgEnc}" />
29.                     <mx:Object label="Capture as PNG" data="{pngEnc}" />
30.                 </mx:Array>
31.             </mx:dataProvider>
32.         </mx:ToggleButtonBar>
33.     </mx:ApplicationControlBar>
35.     <mx:Image id="img"
36.             source="@Embed('images/flex_logo.jpg')" />
38.     <mx:TextArea id="textArea"
39.             editable="false"
40.             width="320"
41.             height="160" />
43. </mx:Application>