Flex: Speichern von mx: Bild mit angewendeten Effekten

Question

Ich lade Bild zu steuern, als ich einige Effekte anwende, und wenn ich Bild speichere, wird es ohne Effekte gespeichert. Was soll ich machen? Hier

ist der Code:

private var byteArr2:ByteArray; 
private var fileRef:FileReference = new FileReference(); 

public function process():void 
{ 
     var ct:ColorTransform = new ColorTransform(); 
     ct.redOffset = 99; 
     ct.blueOffset = 11; 
      ct.greenOffset = 22; 
      currImg.transform.colorTransform = ct; 
      callLater(toByteArray); 
} 

public function toByteArray():void 
{ 
     var data:BitmapData = new BitmapData(currImg.width, currImg.width); 
     data.draw(currImg);    
     var encod:JPEGEncoder = new JPEGEncoder(100);    
     byteArr2 = encod.encode(data); 
} 
public function saveFile():void 
{ 
     fileRef.save(byteArr2,"NewFileName1.jpg"); 
} 
<mx:HBox>  
     <mx:VBox>   
      <s:Button x="69" y="98" label="open" click="open()()"/> 
      <s:Button label="show" click="show()"/> 
      <s:Button label="process" click="process()"/> 
      <s:Button label="save" click="saveFile()"/> 
     </mx:VBox> 
     <mx:Image id="currImg" width="200" height="300"/> 
    </mx:HBox> 

UPDATE neues Problem erscheint als ich var data:BitmapData = new BitmapData(currImg.width, currImg.width); gespeicherte Bild bin mit klein (Größe wie Bildkontrolle), aber ich brauche Bild speichern mit Originalgröße. Mit var data:BitmapData = Bitmap(currImg.content).bitmapData; hat es funktioniert

Answer 1

Ich würde die Komponente in ein neues BitmapData-Objekt zeichnen, anstatt den Inhalt der Währung zu verwenden. Dies sollte Ihnen zeigen, was auf dem Bildschirm gezeichnet wird, anstatt den unveränderten Inhalt. Etwas wie so:

var data:BitmapData = new BitmapData(currImg.width, currImg.width); 
data.draw(currImg); 

Hoffnung, die hilft.

Answer 2

In Ordnung, das ist keine großartige Lösung, weil ich nicht weiß, warum es funktioniert, aber wenn Sie einen Container um das Bild legen, dann speichern Sie die Ergebnisse der Zeichnung, die es zu funktionieren scheint.

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 
    <fx:Script> 
     <![CDATA[ 
      import mx.graphics.codec.JPEGEncoder; 
      private var byteArr2:ByteArray; 
      private var fileRef:FileReference = new FileReference(); 

      public function process():void 
      { 
       var ct:ColorTransform = new ColorTransform(); 
       ct.redOffset = 99; 
       ct.blueOffset = 11; 
       ct.greenOffset = 22; 
       currImg.transform.colorTransform = ct; 
       callLater(toByteArray); 
      } 

      public function toByteArray():void 
      { 
       var data:BitmapData = new BitmapData(everything.width, everything.width); 
       data.draw(everything);    
       var encod:JPEGEncoder = new JPEGEncoder(100);    
       byteArr2 = encod.encode(data); 
      } 
      public function saveFile():void 
      { 
       fileRef.save(byteArr2,"NewFileName1.jpg"); 
      } 
     ]]> 
    </fx:Script> 
    <mx:HBox>  
     <mx:VBox>   
      <!--<s:Button x="69" y="98" label="open" click="open()"/>--> 
      <!--<s:Button label="show" click="show()"/> --> 
      <s:Button label="process" click="process()"/> 
      <s:Button label="save" click="saveFile()"/> 
     </mx:VBox> 
     <mx:Box id="everything"> 
      <mx:Image id="currImg" width="200" height="300" source="http://www.google.com/images/logos/ps_logo2.png"/> 
     </mx:Box> 
    </mx:HBox> 
</s:Application> 

Shaun