flex截图

http://www.cnblogs.com/mklp98999/archive/2008/10/27/1320517.html

http://www.moorwind.com/read.php?9

http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=8406(上传一个air保存图片)

Xml代码

1. <mx:Application
2. xmlns:mx="http://www.adobe.com/2006/mxml"
3. layout="absolute">
4. <mx:Script>
5. <![CDATA[
6.   import mx.core.UIComponent;
7.   private function captureFullScreen() : void    //截屏
8.   {
9.     var bd : BitmapData = getBitmapData( UIComponent( mx.core.Application.application ) );
10.     targetImage.source = new Bitmap( bd );
11.   }
12.   private function captureHiddenDatagrid() : void  //截单个UI
13.   {
14.     var bd : BitmapData = getBitmapData( UIComponent( hiddenDg ) );
15.     targetImage.source = new Bitmap( bd );
16.   }    private function getBitmapData( target : UIComponent ) : BitmapData  //截图功能函数  {
17.     var bd : BitmapData = new BitmapData( target.width, target.height );
18.     var m : Matrix = new Matrix();
19.     bd.draw( target, m );
20.     return bd;
21.   }
22.   ]]>
23. </mx:Script>
24. <mx:Button
25. id="captureButton"
26. label="Capture Full Screen"
27. click="captureFullScreen()" />
28. <mx:Button
29. id="captureButton2"
30. label="Capture Hidden Datagrid"
31. click="captureHiddenDatagrid()"
32. x="153"/>
33. <mx:Image
34. id="targetImage"
35. x="10"
36. y="30"/>
37. <mx:DataGrid
38. x="99"
39. y="64"
40. id="hiddenDg"
41. visible="false">
42. <mx:columns>
43. <mx:DataGridColumn headerText="Column 1" dataField="col1"/>
44. <mx:DataGridColumn headerText="Column 2" dataField="col2"/>
45. <mx:DataGridColumn headerText="Column 3" dataField="col3"/>
46. </mx:columns>
47. </mx:DataGrid>
48. </mx:Application>

  [code]

<utils:JavaScript>
        <![CDATA[
            function takeSnapshot(imgString, width, height) {
                window.open ("data:image/png;base64," + imgString, "", "width=" + width + ",height=" + height + ",resizable=1");
            }
        ]]>
    </utils:JavaScript>
    <mx:Script>
        <![CDATA[
            import com.adobe.images.PNGEncoder;
            import mx.utils.Base64Encoder;
            private function takeSnapshot(comp:DisplayObject):void {
                var bitmapData:BitmapData = new BitmapData(comp.width, comp.height, true, 0xffffff);
                bitmapData.draw(comp);
                var bytes:ByteArray = PNGEncoder.encode(bitmapData);
                var b64encoder:Base64Encoder = new Base64Encoder();
                b64encoder.encodeBytes(bytes);
                ExternalInterface.call("takeSnapshot", b64encoder.flush(), comp.width + 10, comp.height + 10);
            }
        ]]>
    </mx:Script>

[/code]

Air代码

1. 保存到了D:共享文档（my document）下 
2. <?xml version="1.0" encoding="utf-8"?> 
3. <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
4.     layout="vertical" backgroundGradientAlphas="[1.0, 1.0]"
5.     backgroundGradientColors="[#FFFFFF, #C0C0C0]"
6.     width="700" height="650"> 
7.     <mx:Script> 
8.         <![CDATA[ 
9.             import mx.controls.Alert; 
10.             import mx.core.Application; 
11.             import flash.display.BitmapData; 
12.             import mx.graphics.codec.JPEGEncoder; 
13.             import mx.graphics.codec.PNGEncoder; 
14.             import mx.collections.ArrayCollection; 
15.             import mx.core.UIComponent; 
17.             //Format to save the image 
18.             public static const FORMAT_JPEG:uint = 0x00; 
19.             public static const FORMAT_PNG:uint = 0x01; 
21.             //Extensions for the file 
22.             private static const EXT_JPEG:String = ".jpg"; 
23.             private static const EXT_PNG:String = ".png"; 
25.             //Choose the a directory in user's document folder to store the images 
26.             private static const IMAGE_FOLDER:String = "SaveChart/images/"; 
28.             //Sample data to show in line chart 
29.             [Bindable] 
30.             public var expenses:ArrayCollection = new ArrayCollection([ 
31.                 {Month:"Jan", Profit:2000, Expenses:1500, Amount:450}, 
32.                 {Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 
33.                 {Month:"Mar", Profit:1500, Expenses:500, Amount:300} 
34.                 ]); 
37.             //Saves the image snapshot in specified format 
38.             private function saveImage(comp:DisplayObject,format:uint):void{ 
39.                 //Bitmapdata from the component to take snapshot 
40.                 mx.controls.Alert.show("save"); 
41.                 var bmpd:BitmapData = new BitmapData(comp.width,comp.height); 
42.                 bmpd.draw(comp); 
44.                 //Bytearray of the final image 
45.                 var imgByteArray:ByteArray; 
47.                 //extension to save the file 
48.                 var ext:String; 
50.                 //verify specified format and use the correct encoder to produce the bytearray 
51.                 switch(format){ 
52.                     case FORMAT_JPEG: 
53.                         ext = EXT_JPEG; 
54.                         var jpgenc:JPEGEncoder = new JPEGEncoder(80); 
55.                         imgByteArray = jpgenc.encode(bmpd); 
56.                         break; 
57.                     case FORMAT_PNG: 
58.                         ext = EXT_PNG; 
59.                         var pngenc:PNGEncoder = new PNGEncoder(); 
60.                         imgByteArray = pngenc.encode(bmpd); 
61.                         break; 
62.                 } 
64.                 //gets a reference to a new empty image file  
65.                 var fl:File = getNewImageFile(ext); 
67.                 //Use a FileStream to save the bytearray as bytes to the new file 
68.                 var fs:FileStream = new FileStream(); 
69.                 try{ 
70.                     //open file in write mode 
71.                     fs.open(fl,FileMode.WRITE); 
72.                     //write bytes from the byte array 
73.                     fs.writeBytes(imgByteArray); 
76.                     //close the file 
77.                     fs.close(); 
78.                     trace("save"); 
79.                 }catch(e:Error){ 
80.                     trace(e.message); 
81.                     mx.controls.Alert.show(e.message); 
82.                 } 
83.             } 
85.             //Returns a unique new image file reference 
86.             //with specified extension 
87.             private function getNewImageFile(ext:String):File{ 
88.                 //Create a new unique filename based on date/time 
89.                 var fileName:String = "image"+getNowTimestamp()+ext; 
91.                 //Create a reference to a new file on app folder 
92.                 //We use resolvepath to get a file object that points to the correct  
93.                 //image folder - [USER]/[Documents]/[YOUR_APP_NAME]/images/ 
94.                 //it also creates any directory that does not exists in the path 
96.                 var fl:File = File.documentsDirectory.resolvePath(IMAGE_FOLDER+fileName); 
97.                 mx.controls.Alert.show(File.documentsDirectory.name.toString()); 
99.                 //verify that the file really does not exist 
100.                 if(fl.exists){ 
101.                     //if exists , tries to get a new one using recursion 
102.                     return getNewImageFile(ext); 
103.                 } 
106.                 return fl; 
107.             }    
109.             //Returns a string in the format 
110.             //200831415144243
111.             private function getNowTimestamp():String{ 
112.                 var d:Date = new Date(); 
113.                 var tstamp:String = d.getFullYear().toString()+d.getMonth()+d.getDate()+d.getHours()+d.getMinutes()+d.getSeconds()+d.getMilliseconds(); 
114.                 return  tstamp;          
115.             } 
117.             //Handler for the save button click 
118.             private function onClickSave(e:MouseEvent):void{ 
119.                 saveImage(myChart,FORMAT_JPEG); 
120.             } 
121.         ]]> 
122.     </mx:Script> 
123.     <mx:Label text="Save a chart snapshot" color="#171717" fontSize="20" fontWeight="bold"/> 
124.     <mx:Panel title="Line Chart"> 
125.         <mx:LineChart id="myChart"
126.             dataProvider="{expenses}"
127.             showDataTips="true"> 
128.             <mx:horizontalAxis> 
129.                <mx:CategoryAxis  
130.                     dataProvider="{expenses}"
131.                     categoryField="Month" /> 
132.             </mx:horizontalAxis> 
133.             <mx:series> 
134.                <mx:LineSeries  
135.                     yField="Profit"
136.                     displayName="Profit" /> 
137.                <mx:LineSeries  
138.                     yField="Expenses"
139.                     displayName="Expenses" /> 
140.             </mx:series> 
141.         </mx:LineChart> 
142.         <mx:Legend dataProvider="{myChart}"/> 
143.     </mx:Panel> 
144.     <mx:Button id="save_btn" label="Click to save a snapshot" width="181" click="onClickSave(event)"/> 
145. <?xml version="1.0" encoding="utf-8"?> 
146. <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
147.     layout="vertical" backgroundGradientAlphas="[1.0, 1.0]"
148.     backgroundGradientColors="[#FFFFFF, #C0C0C0]"
149.     width="400" height="350"
150.     creationComplete="init()"> 
152.     <mx:Script> 
153.         <![CDATA[ 
154.             import mx.core.Application; 
155.             import flash.display.BitmapData; 
156.             import mx.graphics.codec.JPEGEncoder; 
157.             import mx.graphics.codec.PNGEncoder; 
158.             import mx.collections.ArrayCollection; 
159.             import mx.core.UIComponent; 
161.             //Format to save the image 
162.             public static const FORMAT_JPEG:uint = 0x00; 
163.             public static const FORMAT_PNG:uint = 0x01; 
165.             //Extensions for the file 
166.             private static const EXT_JPEG:String = ".jpg"; 
167.             private static const EXT_PNG:String = ".png"; 
169.             //Choose the a directory in user's document folder to store the images 
170.             private static const IMAGE_FOLDER:String = "SaveWebcam/images/"; 
172.             //Sample data to show in line chart 
173.             [Bindable] 
174.             public var expenses:ArrayCollection = new ArrayCollection([ 
175.                 {Month:"Jan", Profit:2000, Expenses:1500, Amount:450}, 
176.                 {Month:"Feb", Profit:1000, Expenses:200, Amount:600}, 
177.                 {Month:"Mar", Profit:1500, Expenses:500, Amount:300} 
178.                 ]); 
180.             private var cam:Camera; 
183.             //Inits the webcam 
184.             private function init():void{ 
185.                 //gets the webcam reference and show in the videodisplay comp 
186.                 cam = Camera.getCamera(); 
187.                 camVideo.attachCamera(cam); 
188.             } 
190.             //Saves the image snapshot in specified format 
191.             private function saveImage(comp:DisplayObject,format:uint):void{ 
192.                 //Bitmapdata from the component to take snapshot 
193.                 var bmpd:BitmapData = new BitmapData(comp.width,comp.height); 
194.                 bmpd.draw(comp); 
196.                 //Bytearray of the final image 
197.                 var imgByteArray:ByteArray; 
199.                 //extension to save the file 
200.                 var ext:String; 
202.                 //verify specified format and use the correct encoder to produce the bytearray 
203.                 switch(format){ 
204.                     case FORMAT_JPEG: 
205.                         ext = EXT_JPEG; 
206.                         var jpgenc:JPEGEncoder = new JPEGEncoder(80); 
207.                         imgByteArray = jpgenc.encode(bmpd); 
208.                         break; 
209.                     case FORMAT_PNG: 
210.                         ext = EXT_PNG; 
211.                         var pngenc:PNGEncoder = new PNGEncoder(); 
212.                         imgByteArray = pngenc.encode(bmpd); 
213.                         break; 
214.                 } 
216.                 //gets a reference to a new empty image file  
217.                 var fl:File = getNewImageFile(ext); 
219.                 //Use a FileStream to save the bytearray as bytes to the new file 
220.                 var fs:FileStream = new FileStream(); 
221.                 try{ 
222.                     //open file in write mode 
223.                     fs.open(fl,FileMode.WRITE); 
224.                     //write bytes from the byte array 
225.                     fs.writeBytes(imgByteArray); 
226.                     //close the file 
227.                     fs.close(); 
228.                 }catch(e:Error){ 
229.                     trace(e.message); 
230.                 } 
231.             } 
233.             //Returns a unique new image file reference 
234.             //with specified extension 
235.             private function getNewImageFile(ext:String):File{ 
236.                 //Create a new unique filename based on date/time 
237.                 var fileName:String = "image"+getNowTimestamp()+ext; 
239.                 //Create a reference to a new file on app folder 
240.                 //We use resolvepath to get a file object that points to the correct  
241.                 //image folder - [USER]/[Documents]/[YOUR_APP_NAME]/images/ 
242.                 //it also creates any directory that does not exists in the path 
244.                 var fl:File = File.documentsDirectory.resolvePath(IMAGE_FOLDER+fileName); 
246.                 //verify that the file really does not exist 
247.                 if(fl.exists){ 
248.                     //if exists , tries to get a new one using recursion 
249.                     return getNewImageFile(ext); 
250.                 } 
252.                 return fl; 
253.             }    
255.             //Returns a string in the format 
256.             //200831415144243
257.             private function getNowTimestamp():String{ 
258.                 var d:Date = new Date(); 
259.                 var tstamp:String = d.getFullYear().toString()+d.getMonth()+d.getDate()+d.getHours()+d.getMinutes()+d.getSeconds()+d.getMilliseconds(); 
260.                 return  tstamp;          
261.             } 
263.             //Handler for the save button click 
264.             private function onClickSave():void{ 
265.                 saveImage(camVideo,FORMAT_PNG); 
266.             } 
267.         ]]> 
268.     </mx:Script> 
270.     <mx:Label text="Save your picture" fontSize="14" color="#000000" fontWeight="bold"/>   
271.     <mx:VideoDisplay id="camVideo" width="320" height="240" /> 
272.     <mx:Button id="save_btn" label="Click to save a snapshot" width="181" click="onClickSave()"/> 
274. </mx:WindowedApplication> 
299. </mx:WindowedApplication>