Is there any way to save an image from a nested movieclip as a .png using PNGEncoder

Question

Hello all,
I am new to AIR and AS3 and I am developing a small AIR desktop application in Flash CS5 that saves a user generated image locally to their computer. 
The image is generated from a series of user choices based on .png files that are loaded dynamically into a series of nested movieclips via XML.  The final image is constructed by a series of these "user choices".
Sourcing alot of code examples from here and there, I have managed to build a "working" example of the application.  I am able to "draw" the parent movieclip to which all the other dynamic movieclips reside and can then encode it using PNGEncoder.  The problem is that the images loaded dynamically into the nested movieclips show as blank in the final .png generated by the user.
Is there a way to "draw" and encode these nested movieclips or do I need to find another way?  I can provide my clumsy code if required but would like to know if this concept is viable before moving any further.....
Thanks in advance....

Answer 1

Thanks for the files.......
Yeah I'm doing it in Flash but importing the images via an xml document.  The problem isn't in being able to view the eyes (based on the selection of the user) its when I go to save the resulting image as a .png.  When I open up the saved .png the eyes are blank even though they are visible in the swf
Even when the user clicks on the option to copy the image to the clipboard, it works as intended.
My only guess is there is an issue with the way my xml is loading (but this appears to work fine) or when the file is converted and saved.....
As I said I'm still learning but surely there must be a simple answer to this....
I have included the xml code I am using and also the save code to see if anyone spots an issue..... (I hope I copied it all)
// XML
import flash.net.URLRequest;
import flash.net.URLLoader;
var xmlRequest:URLRequest = new URLRequest("imageData.xml");
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
var imgData:XML;
var imageLoader:Loader;
var imgNum:Number = 0;
var numberOfChildren:Number;
function packaged():void
rawImage = imgData.image[imgNum].imgURL;
numberOfChildren = imgData.*.length();
imageLoader = new Loader  ;
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadedImage);
imageLoader.load(new URLRequest(rawImage));
faceBG_mc.Eyes.addChild(imageLoader);
function loadedImage(event:Event):void
imageLoader.x = -186;
imageLoader.y = -94;
imageLoader.width = 373;
imageLoader.height = 186;
//  Clipboard
btn_Copy.addEventListener(MouseEvent.CLICK, onCopyClick);
function onCopyClick(event:MouseEvent):void
var bd:BitmapData = renderBitmapData();
Clipboard.generalClipboard.setData(ClipboardFormats.BITMAP_FORMAT, bd);
function renderBitmapData():BitmapData
var bd:BitmapData = new BitmapData(faceBG_mc.width,faceBG_mc.height);
bd.draw(faceBG_mc);
return bd;
// Save faceBG_mc as .png 
var fileRef:FileReference = new FileReference();
var myBitmapData:BitmapData = new BitmapData (faceBG_mc.width,faceBG_mc.height, true, 0);
myBitmapData.draw(faceBG_mc);
var myPNG:ByteArray = PNGEncoder.encode(myBitmapData);
function onSaveClickPNG(e:Event)
fileRef.save(myPNG, "myPNG.png");
So my problem is....
The final image is copied to the clipboard with the eyes visible - yes
The eyes appear in the image in the swf as intended - yes
When the image is saved as a .png and is meant to include the eyes, they are blank (see picture above)
I hope this helps.....
Thanks in advance