import com.adobe.images.PNGEncoder;
import mx.utils.Base64Encoder;
/**
* DisplayObjectをBase64文字列(png)に変換.
* @param target  画像化したいDisplayObject
* @param w 幅
* @param h 高さ
*/
    private function convertBase64(target : DisplayObject, w : Number = NaN, h : Number = NaN) : String
    {
        w = (isNaN(w)) ? target.width : w;
        h = (isNaN(h)) ? target.height : h;
 
        var bmd : BitmapData = new BitmapData(w, h, true, 0x00ffffff);
        bmd.draw(target);
        var base64 : Base64Encoder = new Base64Encoder();
        base64.encodeBytes(PNGEncoder.encode(bmd));
        var str : String = base64.toString();
        bmd.dispose();
        var str3:String = "";
        var str2:String = str.toString();
        var len:uint = str2.length;
        for (var i:uint = 0; i < len; i++)
        {
            var sub:String = str2.substr(i, 1);
            if (sub == "\n")
                continue;
            str3 += sub;
        }
        return str3;
    }

/*　※要jQuery　*/
<script type="text/javascript">
    function setBase64Image(str,w,h){
        var dragItem = $("<img src='data:image/png;base64," + str + "' width='"+w+"px' height='"+h+"px'  />");
        $(".[任意のDIV名など]").append(dragItem);
    }
</script>

//〜略〜
// _____________________________________________________________________
//
// 　BackButton
//
_containerBackButton = roundRectLabelContainer("BackButton");
var backButton : BackButton = new BackButton();
backButton.sizeUnit = SizeUnit.PIXELS;
backButton.label = "BackButton";
backButton.setSize(150, 45);
_containerBackButton.addChild(backButton);
 
// _____________________________________________________________________
//
// IconButton
// ※setIconには、  URL か bitmap か　bitmapdata　を渡す
//
_containerIconButton = roundRectLabelContainer("IconButton");
var SMALL : TextFormat = new TextFormat(null, 15, 0x666666);
 
var iconLabel1 : Label = new Label();
iconLabel1.text = "IMGURL";
iconLabel1.sizeUnit = SizeUnit.PIXELS;
iconLabel1.setSize(60, 20);
iconLabel1.format = SMALL;
_containerIconButton.addChild(iconLabel1);
var iconButton : IconButton = new IconButton();
iconButton.setSize(100, 44);
iconButton.setIcon("commons/images/imgres.jpeg");
_containerIconButton.addChild(iconButton);
_containerIconButton.addChild(new Spacer(10));
 
var iconLabel2 : Label = new Label();
iconLabel2.text = "BitmapData";
iconLabel2.sizeUnit = SizeUnit.PIXELS;
iconLabel2.setSize(90, 20);
iconLabel2.format = SMALL;
_containerIconButton.addChild(iconLabel2);
var iconButton2 : IconButton = new IconButton();
iconButton2.setSize(100, 44);
iconButton2.setIcon(createIconBMD());
_containerIconButton.addChild(iconButton2);
 
_containerIconButton.addChild(new Spacer(10));
var iconLabel3 : Label = new Label();
iconLabel3.text = "Bitmap";
iconLabel3.sizeUnit = SizeUnit.PIXELS;
iconLabel3.setSize(65, 20);
iconLabel3.format = SMALL;
_containerIconButton.addChild(iconLabel3);
var iconButton3 : IconButton = new IconButton();
iconButton3.setSize(100, 44);
iconButton3.setIcon(new TestIconBitmap());
_containerIconButton.addChild(iconButton3);
 
// _____________________________________________________________________
//
// 　LabelButton
//
_containerLabelButton = roundRectLabelContainer("LabelButton");
var labelButton : LabelButton = new LabelButton();
labelButton.setSize(150, 44);
labelButton.label = "LabelButton";
_containerLabelButton.addChild(labelButton);
_containerLabelButton.addChild(new Spacer(10));
 
var labelButton2 : LabelButton = new LabelButton();
labelButton2.setSize(170, 44);
labelButton2.toggle = true;
labelButton2.label = "LabelButton Toggle";
traceTextFormatState(labelButton);
_containerLabelButton.addChild(labelButton2);
 
// labelButton.embedFonts = true;
// labelButton.setTextFormatForState( new TextFormat( null , 20 , 0xcc0000 ) , SkinStates.UP )//各ステーとにTextFormatを適用できる
 
// _____________________________________________________________________
//
// 　ToggleSwitch
//
_containerToggle = roundRectLabelContainer("ToggleSwitch");
var toggleSwitch : ToggleSwitch = new ToggleSwitch();
toggleSwitch.defaultLabel = "Default";
toggleSwitch.selectedLabel = "Select";
toggleSwitch.width = 250;
_containerToggle.addChild(toggleSwitch);
traceTextFormatState(toggleSwitch);
// toggleSwitch.setTextFormatForState( new TextFormat( null , 20 , 0xcc0000 ) , SkinStates.UP )//各ステーとにTextFormatを適用できる
 
// _____________________________________________________________________
//
// 　CheckBox
//
_containerCheckBox = roundRectLabelContainer("CheckBox");
 
var checkBox1 : CheckBox = new CheckBox();
checkBox1.labelPlacement = LabelPlacement.LEFT;
checkBox1.label = "CheckBox1";
checkBox1.width = 120;
_containerCheckBox.addChild(checkBox1);
 
var checkBox2 : CheckBox = new CheckBox();
checkBox2.labelPlacement = LabelPlacement.BOTTOM;
checkBox2.label = "CheckBox2";
checkBox2.sizeUnit = SizeUnit.PIXELS;
checkBox2.setSize(120, 50);
_containerCheckBox.addChild(checkBox2);
 
var checkBox3 : CheckBox = new CheckBox();
checkBox3.labelPlacement = LabelPlacement.RIGHT;
checkBox3.label = "checkBox3";
checkBox3.width = 120;
_containerCheckBox.addChild(checkBox3);
 
var checkBox4 : CheckBox = new CheckBox();
checkBox4.labelPlacement = LabelPlacement.TOP;
checkBox4.label = "checkBox4";
checkBox4.sizeUnit = SizeUnit.PIXELS;
checkBox4.setSize(120, 50);
_containerCheckBox.addChild(checkBox4);
 
// _____________________________________________________________________
//
// 　RadioButton
//
_contanerRadioButton = roundRectLabelContainer("RadioButton");
var rb1 : RadioButton = new RadioButton();
rb1.label = "RadioButton 1";
rb1.groupname = "rbGroup";
_contanerRadioButton.addChild(rb1);
var rb2 : RadioButton = new RadioButton();
rb2.label = "RadioButton 2";
rb2.groupname = "rbGroup";
_contanerRadioButton.addChild(rb2);
var rb3 : RadioButton = new RadioButton();
rb3.label = "RadioButton 3";
rb3.groupname = "rbGroup";
_contanerRadioButton.addChild(rb3);
 
_radioButtonGroup = RadioButtonGroup.getGroup("rbGroup");
_radioButtonGroup.addButton(rb1);
_radioButtonGroup.addButton(rb2);
_radioButtonGroup.addButton(rb3);
_radioButtonGroup.addEventListener(Event.CHANGE, rbgChange);
_radioButtonGroup.setSelectedRadioButton(rb1);
//〜略〜

//テキストを１文字づつ追加する
new TextAddAnimationList(null
        ,_textField        /*対象のテキストフィールド*/
        ,"hogehoge"     /*表示したい文字*/
        ,0.03                /*追加スピード(秒)※省略可*/
        ,_texFormat     /*適用したいテキストフォーマット※省略可*/
).execute();
 
//テキストを１文字づつ削除する
new TextCutAnimation(null
        , _textField    /*対象のテキストフィールド*/
        ,0.01       /*削除スピード(秒)※省略可*/
).execute();