Flex用BitmapData实现文本旋转

    Flex的DisplayObject类 有一个rotation属性，通过它可以现实可视化组件的旋转，使用起来应该非常方便，所以一开始想到了用rotation现实文本的旋转。没想到用rotation一旋转（比如转个90度），文本就不见了；我把旋转角度改小一点（改为1度），文本总算又出来了，不过用scaleX一放大，它又不见了。

    请教高手，说是字体的问题，要嵌入字体。不过汉字太多了，嵌入字体的.ttf文件体积可观，有点得不偿失。听人说可以动态XXX，好像是local……，不过我弄了半天也没弄出来。哎，郁闷！

    还是用BitmapData吧，虽然放大后有点难看，不过不用嵌入字体，可以为程序减肥。代码如下：

 package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Sprite; import flash.text.TextField; import flash.text.TextFieldAutoSize; import flash.text.TextFormat; public class RotationTest extends Sprite { public function RotationTest() { var textfield:TextField = new TextField(); textfield.text = "中文字符"; var textFmt:TextFormat = new TextFormat(); textFmt.color = 0xFF0000; textFmt.size = 100; textFmt.align = "left"; textFmt.bold = true; textFmt.font = "宋体"; textfield.setTextFormat(textFmt); textfield.autoSize = TextFieldAutoSize.LEFT//让 TextField根据text的内容自动调整大小 var bw:Number = textfield.width; var bh:Number = textfield.height; if(textfield.width>2880 ) { textfield.scaleX *= 2880/textfield.width;//文本太宽时调整大小， bw = 2880; } if(textfield.height>2880) { textfield.scaleY *= 2880/textfield.height; bh = 2880; } var myBitmapData:BitmapData = new BitmapData(bw, bh, true,0); myBitmapData.draw(textfield); var bmp:Bitmap = new Bitmap(myBitmapData); bmp.x = 300; bmp.y = 200; bmp.rotation = 180; addChild(bmp); } } } 

注意事项：

1、 要判断textfield的宽和高是否超过2880 像素，因为BitmapData 对象的最大宽度和高度为 2880 像素，如果指定的宽度值或高度值大于 2880，则不会创建新实例，而且会遇到各种意想不到的问题，为了这个问题，我折腾了半天。

   var bw:Number = textfield.width;
   var bh:Number = textfield.height; 
   if(textfield.width>2880 )
   {
    textfield.scaleX *= 2880/textfield.width;
    bw = 2880;     
   }      
   if(textfield.height>2880)
   {     
    textfield.scaleY *= 2880/textfield.height;
    bh = 2880;
   }
   
    var myBitmapData:BitmapData = new BitmapData(bw, bh, true,0);

 

2、不要企图直接给textfield.width或textfield.height赋值，下面的代码是没有意义的：

   if(textfield.width>2880）

   {
    textfield.width = 2880;    
   }      
   if(textfield.height>2880)
   {
    textfield.height = 2880;  
   }

因为加了textfield.autoSize = TextFieldAutoSize.LEFT后，textfield.width、textfield.height的值就固定了，给它们赋值也不会改变；即使textfield.scaleX或textfield.scaleY改变，textfield.width、textfield.height的值也不会改变，我这里用textfield.scaleX *= 2880/textfield.width;只是为了调整文本的大小，以免文本转化为BitMap后发生截断。

3、文本放大后会很难看，画的时候可以先放大X倍，再缩小X倍，这样放大后就好看些了。不过不要放得太大，否则超会过2880，而且放得太大再缩小，字也不好看。