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

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

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

 

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

 

<?php

$str = $_GET['str'];
$fontpath= $_GET['fontpath'];
if($str==null||$str==''){
 return; 
}else{
 $str = iconv("GB2312", "UTF-8", $str);//为了支持中文
}


$Size = 72;

if($fontpath==null||$fontpath==''){//字体的路径
 $fontpath='fzse_gbk.ttf';//可使用ttf字体
}

//动态计算文字占用图片大小
$txts = imagettfbbox($Size,0,$fontpath,$str);

$YX1 = abs($txts[5])*0.23;
$YX2 = abs($txts[2])*0.02;
$IX = abs($txts[2])+$YX2;
$IY = abs($txts[5])+$YX1;

$im = imagecreate($IX,$IY);
$white = imagecolorallocate($im,0xFF,0xFF,0xFF);
imagecolortransparent($im,$white);
$black = imagecolorallocate($im,0x00,0x00,0x00);
imagettftext($im, $Size, 0, 0, $IY-$YX1,$black,"$fontpath",$str);
header("Content-type:image/png");
imagepng($im);//输出到客户端
imagedestroy($im);
?>

 

 

这样的话swf配置一个xml就可以在服务器端动态的加入任何字体了

 

<ttfs>
 <font name="方正少儿" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" />
 <font name="方正少儿2" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" />
 <font name="方正少儿3" snap="assets/myfonts/fontsnap/impact.jpg" path="fzse_gbk.ttf" lan="ch" />
 
 
 
 <font name="英文字体1" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf"  lan="en" />
 <font name="英文字体2" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf"  lan="en" />
 <font name="英文字体3" snap="/createfont/snap/demo1.png" path="fzse_gbk.ttf" lan="en" />
</ttfs>

 

 [img]http://www.idute.com/createfont/makefontpic.php?str=这么做是不是很酷呢?&fontpath=fzse_gbk.ttf[/img]

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

 

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

 

 

要想动态获取矢量格式的swf文字,请看我另一篇博客http://blog.csdn.net/ljwhx2002/archive/2010/10/27/5970354.aspx

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值