深入剖析Flex字体旋转方法

你对Flex字体旋转地概念是否了解，这里和大家简单分享一下，Flex中的字体如果不嵌入的话，是不支持旋转的。官方后来提供的TextLayout包倒是支持，但是那个引擎比较弱，旋转后字体很丑，不能像嵌入的一样，边缘平滑。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网站空间、营销软件、网站建设、坪山网站维护、网站推广。

Flex字体旋转研究

目的：能够用最方便的方法实现中文字体旋转后可见。

明确一点：Flex中的字体如果不嵌入的话，是不支持旋转的。官方后来提供的TextLayout包倒是支持，但是那个引擎比较弱，旋转后字体很丑，不能像嵌入的一样，边缘平滑。

1、先来看下默认状态下的Flex字体：

code:

 
 
 
 
  
  
  
     
  
  
     
  
  
    
  
  
  
layout="absolute"backgroundGradientAlphas="[1.0,1.0]"    
  
  
  backgroundGradientColors="[#FFFFFF,#FFFFFF]">   
  
  
     
  
  
     
  
  
     
  
  
    
  
  
  
   
  
  
  privatefunctiongetInfo():void{    
  
  
     
  
  
  lblInfo.text="字体："+txaTest.getStyle("fontFamily");    
  
  
     
  
  
  }    
  
  
     
  
  
  ]]>

如代码所示，TextArea默认的字体是[Verdana]，Verdana是英文字体，不知此时显示的中文是由什么支持的。#p#

2.指定字体为[Verdana]

改一行代码：

 
 
 
 
  
  
  
    
  
  
  
fontFamily="Verdana"/>

结果：

中文依然可以显示，换成Arial也可以

3、先做个旋转看看

旋转前：

旋转后：

意料之中，一片空白，不过再转回去后又可以显示出来，这点能利用起来也不错。

code:

 
 
 
 
  
  
  
     
  
  
     
  
  
    
  
  
  
layout="absolute"backgroundGradientAlphas="[1.0,1.0]"    
  
  
  backgroundGradientColors="[#FFFFFF,#FFFFFF]">   
  
  
     
  
  
     
  
  
     
  
  
    
  
  
  
   
  
  
  privatefunctiondoRotation():void{    
  
  
     
  
  
  txaTest.rotation+=15;    
  
  
     
  
  
  getInfo();    
  
  
     
  
  
  }    
  
  
     
  
  
  privatefunctiongetInfo():void{    
  
  
     
  
  
  lblInfo.text="字体："+txaTest.getStyle("fontFamily");    
  
  
     
  
  
  }    
  
  
     
  
  
  ]]>

#p#4、现在试试嵌入的[Verdana]字体

旋转后可以显示了，不过这个时候就不支持中文了，中文无法输入，嵌入字体会将整个字体文件嵌入到swf中，这无疑会增加swf的体积，英文字体还好，一般也就几百K，中文字体就庞大得多了，一般在10MB左右，显然嵌入中文字体很不现实。

嵌入前swf大小：294310bytes

嵌入后swf大小：351562bytes

code:

 
 
 
 
  
  
  
     
  
  
     
  
  
    
  
  
  
layout="absolute"backgroundGradientAlphas="[1.0,1.0]"    
  
  
  backgroundGradientColors="[#FFFFFF,#FFFFFF]">   
  
  
     
  
  
     
  
  
     
  
  
  @font-face{    
  
  
     
  
  
  src:local("Verdana");    
  
  
     
  
  
  font-family:myFont;    
  
  
     
  
  
  }    
  
  
     
  
  
     
  
  
     
  
  
     
  
  
     
  
  
    
  
  
  
   
  
  
  privatefunctiondoRotation():void{    
  
  
     
  
  
  txaTest.rotation+=15;    
  
  
     
  
  
  getInfo();    
  
  
     
  
  
  }    
  
  
     
  
  
  privatefunctiongetInfo():void{    
  
  
     
  
  
  lblInfo.text="字体："+txaTest.getStyle("fontFamily");    
  
  
     
  
  
  }    
  
  
     
  
  
  ]]>

当前题目：深入剖析Flex字体旋转方法
新闻来源：http://www.shufengxianlan.com/qtweb/news18/153368.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容