Flex的Label怎样设置Rotation才能使文本也Rotate

如果只是单纯的做一些像下面代码一样的设置, 会发现原本横着显示的Text突然就没了.

<mx:Canvas width="400"  height="200">

    <mx:Label x="100" y="100"  rotation="90"   id="simpleLabel"    text="This Label displays plain text."/>

</mx:Canvas>

 

但是如果给Label再设置一个样式, 则会发现Label的Text不但又出现了,同时Text也跟着旋转了90度.这个样式就是fontFamily.

因此需要加上类似以下的东西:

    <mx:Style>
        @font-face {
            src:local("Times New Roman");
            fontFamily: myTNR;
            advancedAntiAliasing: true;
        }
    </mx:Style>

 

 

<mx:Canvas width="400"  height="200">

    <mx:Label x="100" y="100"  rotation="90" fontFamily="myTNR"   id="simpleLabel"    text="This Label displays plain text."/>

</mx:Canvas>