xiangpei02
Flash/Flex构架师 / 广东
积分 8

Flex 与 php 在线生成文字图片的一个简单框架


时间:2011-02-28 17:07 点击:0

因为最近做一个DIY的设计器,需要让用户选择某个字体,并且支持旋转,拖拉等操作。直接使用文本框是不行的,因为flex不支持字体的直接旋转,大家可以尝试一下,如果选择了text控件,文字就看不到了,有个办法是把文字embed嵌入到swf中去,这样就支持了。

但是英文还好,字体文件不大,中文的话动辄几个M,这个做法很不现实,于是想到另外一个解决方案,用服务器字体。

做了个php demo,接收文字,并根据指定的字体文件去生成图片:

  1. <?php 
  2.  
  3. $str = $_GET['str']; 
  4.  
  5. $fontpath= $_GET['fontpath']; 
  6.  
  7. if($str==null||$str==''){ 
  8.  
  9.  return;  
  10.  
  11. }else{ 
  12.  
  13.  $str = iconv("GB2312", "UTF-8", $str);//为了支持中文 
  14.  
  15.  
  16. $Size = 72
  17.  
  18. if($fontpath==null||$fontpath==''){//字体的路径 
  19.  
  20.  $fontpath='fzse_gbk.ttf';//可使用ttf字体 
  21.  
  22.  
  23. //动态计算文字占用图片大小 
  24.  
  25. $txts = imagettfbbox($Size,0,$fontpath,$str); 
  26.  
  27. $YX1 = abs($txts[5])*0.23; 
  28.  
  29. $YX2 = abs($txts[2])*0.02; 
  30.  
  31. $IX = abs($txts[2])+$YX2; 
  32.  
  33. $IY = abs($txts[5])+$YX1; 
  34.  
  35. $im = imagecreate($IX,$IY); 
  36.  
  37. $white = imagecolorallocate($im,0xFF,0xFF,0xFF); 
  38.  
  39. imagecolortransparent($im,$white); 
  40.  
  41. $black = imagecolorallocate($im,0x00,0x00,0x00); 
  42.  
  43. imagettftext($im, $Size, 0, 0, $IY-$YX1,$black,"$fontpath",$str); 
  44.  
  45. header("Content-type:image/png"); 
  46.  
  47. imagepng($im);//输出到客户端 
  48.  
  49. imagedestroy($im); 
  50.  
  51. ?> 
  52.  
  53. 这样的话swf配置一个xml就可以在服务器端动态的加入任何字体了 
  54.  
  55. <ttfs> 
  56.  
  57.  <font name="方正少儿" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" /> 
  58.  
  59.  <font name="方正少儿2" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" /> 
  60.  
  61.  <font name="方正少儿3" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" /> 
  62.  
  63.  <font name="英文字体1" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf"  lan="en" /> 
  64.  
  65.  <font name="英文字体2" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf"  lan="en" /> 
  66.  
  67.  <font name="英文字体3" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf" lan="en" /> 
  68.  
  69. </ttfs> 

原理很简单swf拿到xml字体列表去使用某个字体,客户端需要用户点击一次提交到php获取文字的图片,这样可实现动态部署。

不过也有个弊端,php生成的文字图片有很严重的锯齿,这点暂时还未想到好的解决方案,简单的解决方案是用flex的bitmapdata做图像处理,滤镜去平滑稍微好了一些~~~~~~


    xiangpei02  版权所有
    禁止任何用途(禁止转载、商用和个人使用)


所属分类:精彩教程

本文标签:PHP flex

各位正在潜水的同学请注意,有0位无聊人士在EBIBI附近出没!







    点击我更换图片 看不清
    评论内容 (*必填):

    (Ctrl + Enter 快速提交)