Freetype的基本应用

最近要给引擎加入字体支持了,上网找了下,发现freetype不错,就搞下来玩了下,发现效果还真是不错。由于是基本应用,不涉及字体变形什么的,只是一些调调间距,改变颜色,让字符好看些的技术

 

1, 得到字符的正确绘制位置

首先在创建好FTFace,Freetype推荐使用基线作为绘制基准,但是通常都是设置字符左上角的位置开始绘制。需要获得基线到字符轮廓最高点的距离,这个信息放在

 

Ascender = FTFace->size->metrics.ascender  >> 6;    // 基线到字符轮廓最高点的距离, 由于是26.6的定点数,因此获取整数部分需要除以64

 

然后每个字符的高度是不同的,Freetype生成的bitmap一般刚刚好包围到字符,比如a和l的bitmap图高度是不同的。因此还需要获得每个字符的偏移宽度和高度,这两个信息放在

 

bitmap_left = FTFace->glyph->bitmap_left;  // 字符距离左边界的距离

bitmap_top = FTFace->glyph->bitmap_top; // 字符最高点距离基线的距离

 

好了,现在假设要在(posx, posy)处绘制字符,(charposx, charposy)表示字符的正确绘制位置

charposx = posx + bitmap_left;

charposy = posy + Ascender - bitmap_top;

 

2,行距

字符轮廓最大高度放在

FTFace->size->metrics.height         // 字符轮廓最大高度, 26.6定点数

但是我实测发现,这个高度太高了点,所以我一般是这样用的

 

Descender = FTFace->size->metrics.descender >> 6;  // // 基线到字符轮廓最低点的距离

FontHeight  = ((FTFace->size->metrics.height >> 6) + Ascender + Descender) / 2;

然后还可以在FontHeight上加上一个固定高度,比如1或2

 

3,字符颜色

Freetype生成的图是8bit灰度图(也有别的,不过8bit好看些),文字部分为白色,背景为黑色。

这就有个麻烦,一般字体都是黑的,那好如果把字体颜色取反,就黑的变白的,白的变黑的了。

可是呢,要加上颜色怎么办?这就是Freetype的文字是白色的原因,因为是8bit灰度图,因此不是黑色或白色的地方,颜色就成了一个比例因子,只需将其与想要设置的颜色相乘再除以256即可,比如灰度图中某点的颜色是156,想要设置的颜色是RGB(127, 42, 186),那么实际的颜色是

(127 * 156 >> 8, 42 * 156 >> 8, 186 * 156 >> 8)

 

回到之前说的,如果将黑的变白的,白的变黑的,那么比例因子就要再取反一次,麻烦了。

而且,如果字体被设置过颜色后,灰度图的比例因子效果就丧失了,不能再被设置成其他颜色了(重新获取灰度图就要花多余的时间了)。

解决方法是,把8bit灰度图保存在alpha通道中。如果想设置颜色就从alpha通道中获取灰度值即可。

 

4,把字符变的好看些

上面把灰度图保存在alpha通道中了,如果你的驱动支持alpha混合,那么恭喜你了,字符能和背景混合。

不错,灰度图还兼有alpha功能,如果想好看些就做alpha混合吧。

我的驱动不支持alpha混合,只好自己混合了。

 

5,字间距调整

只要不是等宽字体,都需要字间距调整,google下 FreeType 2开发文档 [中译版] 吧,有详细介绍。

我照着做成功了的。

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值