Flex 3 - Sauvegarde d'une image d'un composant

Question

J'essaie actuellement de faire fonctionner la fonction imageSnapshot en flex. J'ai regardé dur mais je ne peux pas sembler trouver une solution à mon problème. Je souhaite prendre une capture d'écran de l'un de mes composants, pour capturer la sortie finale de mon programme, car un simple "écran d'impression" coupe une partie de la sortie en raison du défilement. Mon code actuel ressemble -

<mx:ApplicationControlBar dock="true"> 
    <mx:Button label="Take snapshot of Profile" 
     click="takeSnapshot();" /> 
</mx:ApplicationControlBar> 

qui, lorsqu'il est appelé fait -

private function takeSnapshot(even:Event=null):void { 
    var imageSnap:ImageSnapshot = ImageSnapshot.captureImage(viewstack1); 

Maintenant, je pense que cela prend l'image du ViewStack que je veux ... Mais Im perplexe sur ce qu'il faut faire de ici! Est-ce qu'il n'est pas possible maintenant de simplement copier l'image dans le presse-papier, ou produire une nouvelle fenêtre dans mon navigateur avec l'image entière dedans? Si quelqu'un a un autre moyen de le faire, les suggestions seraient merveilleuses.

Nous vous remercions de votre temps.

Answer 1

J'ai construit sur l'exemple d'Antti pour faire un composant de travail (avec le code complet), que vous pouvez voir here. Vous pouvez imprimer à peu près n'importe quel composant que vous aimez (j'ai une image et une grille de données là-bas).

Tout ce que vous devez ajouter au code de Antti est ceci:

var fr:FileReference = new FileReference(); 
var encoder:PNGEncoder = new PNGEncoder(); 

//Antti's code here 

fr.save(outputData,"datagrid.jpg"); 

qui ouvrira un fichier de sauvegarde de dialogue pour vous.

Cheers, Casp

Answer 2

Vous pouvez dessiner la vue dans un objet BitmapData et l'encoder en png en utilisant as3corelib. Quelque chose comme:

var screenshotData : BitmapData = new BitmapData(viewstack1.width, viewstack1.height, true, 0x00000000); 
screenshotData.draw(viewstack1); 
var outputData:ByteArray = PNGEncoder.encode(screenshotData); 
// Save outputData as a file to disk, send to webserver etc.. 

edit: Euh, cela vous rend encore plus confus. Désolé pour ça. ImageSnapshot possède une propriété appelée données, que je devine vous donne à peu près le même résultat que celui-ci. Vous pouvez l'enregistrer en tant que fichier sur disque en utilisant flash.net.FileReference