linux下OSD使用SDL_ttf生成点阵数据，移植+开发代码详解

前言

        在做音视频开发的时候，一般会在视频上增加osd水印，时间或者logo之类的，这种水印其实就是由点阵数据构成，本文使用freetype+SDL+SDL_ttf生成文字点阵数据，并保存为bmp格式图片。使用这种方式的优点：

方便快捷，直接调用SDL_ttf的库函数生成数据，并且可以自定义文字水印的字体大小。

移植开发环境

虚拟机：ubuntu18.04

交叉编译器：arm-gcc7.3-linux-musleabi-gcc（替换为你自己的编译器）

源码：

        freetype-2.4.10

        SDL-1.2.15

        SDL_ttf-2.0.11

源码和demo已经上传到我的gitee。

sdl_ttf: linux下OSD使用SDL_ttf生成点阵数据

源码编译

1、freetype编译

解压源码，进入源码目录，裁剪编译

./configure CC=arm-gcc7.3-linux-musleabi-gcc --host=arm-gcc7.3-linux --prefix=/share/test/sdl/freetype-lib

2、SDL编译

解压源码，进入源码目录，裁剪编译

./configure CC=arm-gcc7.3-linux-musleabi-gcc --host=arm-gcc7.3-linux --prefix=/share/test/sdl/sdl-lib --disable-alsa --disable-pulseaudio --enable-esd=no

3、SDL_ttf编译

解压源码，进入源码目录，裁剪编译

./configure CC=arm-gcc7.3-linux-musleabi-gcc --host=arm-gcc7.3-linux --prefix=/share/test/sdl/sdl_ttf-lib --with-freetype-prefix=/share/test/sdl/freetype-lib --with-sdl-prefix=/share/test/sdl/sdl-lib

注意编译sdl_ttf的时候，需要链接上freetype和sdl的库

完成后将sdl和sdl_ttf编译生成的库文件和头文件复制出来，后续编译demo的时候需要参与编译。freetype的不需要。

开发demo

C语言例程

#include <stdio.h>
#include "SDL.h"
#include "SDL_ttf.h"
 
 
int main(int argc, const char *argv[])
{
    char * pstr = "hello你好";
    SDL_PixelFormat *fmt;
    TTF_Font *font; 
    SDL_Surface *text, *temp; 
 
    if (TTF_Init() < 0 )
    { 
        fprintf(stderr, "Couldn't initialize TTF: %s\n",SDL_GetError()); 
        SDL_Quit();
    } 
 
    font = TTF_OpenFont("./simsun.ttf", 48);
    if ( font == NULL )
    { 
        fprintf(stderr, "Couldn't load %d pt font from %s: %s\n",18,"ptsize", SDL_GetError()); 
    } 
 
    SDL_Color forecol = { 0xff, 0xff, 0xff, 0xff }; 
    text = TTF_RenderUTF8_Solid(font, pstr, forecol);
 
    fmt = (SDL_PixelFormat*)malloc(sizeof(SDL_PixelFormat));
    memset(fmt,0,sizeof(SDL_PixelFormat));
    fmt->BitsPerPixel = 24;
    fmt->BytesPerPixel = 3;
    fmt->colorkey = 0xffffffff;
    fmt->alpha = 0xff;

    temp = SDL_ConvertSurface(text,fmt,0);
    SDL_SaveBMP(temp, "/tmp/save.bmp");
 
    SDL_FreeSurface(text); 
    SDL_FreeSurface(temp);
    TTF_CloseFont(font); 
    TTF_Quit(); 
 
    return 0;
}

编译

arm-gcc7.3-linux-musleabi-gcc -o demo test.c -I./include libSDL_ttf.a libfreetype.a libSDL.a -lpthread -lm

编译完成后，执行程序，会生成一张bmp图片，内容为要生成的文字。

bmp格式解析

代码里面的字体文件库simsun.ttf，可在我的gitee一起下载，也可以用你自己的。

值得注意的是代码里 fmt->BitsPerPixel、fmt->BytesPerPixel这两个参数，

fmt->BitsPerPixel表示像素格式的类型，SDL 定义了许多预设的像素格式，例如：

• SDL_PIXELFORMAT_RGB24：24位像素格式，每个像素占用3字节，顺序为 R-G-B。

• SDL_PIXELFORMAT_RGBA32：32位像素格式，每个像素占用4字节，顺序为 R-G-B-A。

• SDL_PIXELFORMAT_RGB565：16位像素格式，5位红色，6位绿色，5位蓝色。

• SDL_PIXELFORMAT_ARGB8888：32位像素格式，每个像素占用4字节，顺序为 A-R-G-B

fmt->BytesPerPixel表示每个像素占用的字节数。例如：

• 对于 SDL_PIXELFORMAT_RGB24，BytesPerPixel 为 3。

• 对于 SDL_PIXELFORMAT_RGBA32，BytesPerPixel 为 4。

• 对于 SDL_PIXELFORMAT_RGB565，BytesPerPixel 为 2。

参考文档：

BMP文件格式解析_bmp格式-优快云博客