[笔记]音视频学习之SDL篇《六》使用SDL_ttf绘制True Type字体

简介: [笔记]音视频学习之SDL篇《六》使用SDL_ttf绘制True Type字体

准备

SDL_ttf库

配置dll和lib 我就不细说了可以模仿我demo用cmake配置

头文件放SDL.h同一个目录

sample.ttf SourceSansPro-Regular 字体文件

目的

使用ttf字体文件 进行文字的渲染

也就是使用ttf文件 自定义文字的字体显示

主要绘制一行"Shiver Is Best Awesome"消息文本

初始化,创建窗口、渲染器等

TTF_Init() tif初始化

//Start up SDL and make sure it went ok
  if (SDL_Init(SDL_INIT_VIDEO) != 0) {
    logSDLError(std::cout, "SDL_Init");
    return 1;
  }
  //Also need to init SDL_ttf
  if (TTF_Init() != 0) {
    logSDLError(std::cout, "TTF_Init");
    SDL_Quit();
    return 1;
  }
      //Setup our window and renderer
  SDL_Window* window = SDL_CreateWindow("Lesson 6",   SDL_WINDOWPOS_CENTERED,
    SDL_WINDOWPOS_CENTERED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN);
  if (window == nullptr) {
    logSDLError(std::cout, "CreateWindow");
    TTF_Quit();
    SDL_Quit();
    return 1;
  }
  SDL_Renderer* renderer = SDL_CreateRenderer(window, -1, SDL_RENDERER_ACCELERATED | SDL_RENDERER_PRESENTVSYNC);
  if (renderer == nullptr) {
    logSDLError(std::cout, "CreateRenderer");
    cleanup(window);
    TTF_Quit();
    SDL_Quit();
    return 1;
  }

载入字体内容并绘制

绘制文字需要:

1.消息文本message

2.字体文件fontFile

3.字体颜色color

4.字体大小fontSize

const std::string resPa
th = getResourcePath("Lesson6");
  //We'll render the string "TTF fonts are cool!" in white
  //Color is in RGB format
  SDL_Color color = { 255, 255, 255, 255 };
  SDL_Texture* image = renderText("Shiver is best Aswsome", "..\\..\\res\\06sdl_learn\\sample.ttf", color, 64, renderer);
  if (image == nullptr) {
    cleanup(image, renderer, window);
    TTF_Quit();
    SDL_Quit();
    return 1;
  }

绘制字体过程:

1.打开字体文件

2.先根据render,message,color 创建Surface

3.使用Surface创建Texture

SDL_Texture* renderText(const std::string& message, const std::string& fontFile, SDL_Color color,
  int fontSize, SDL_Renderer* renderer)
{
  //Open the font
  TTF_Font* font = TTF_OpenFont(fontFile.c_str(), fontSize);
  if (font == nullptr) {
    logSDLError(std::cout, "TTF_OpenFont");
    return nullptr;
  }
  //We need to first render to a surface as that's what TTF_RenderText returns, then
  //load that surface into a texture
  SDL_Surface* surf = TTF_RenderText_Blended(font, message.c_str(), color);
  if (surf == nullptr) {
    TTF_CloseFont(font);
    logSDLError(std::cout, "TTF_RenderText");
    return nullptr;
  }
  SDL_Texture* texture = SDL_CreateTextureFromSurface(renderer, surf);
  if (texture == nullptr) {
    logSDLError(std::cout, "CreateTexture");
  }
  //Clean up the surface and font
  SDL_FreeSurface(surf);
  TTF_CloseFont(font);
  return texture;
}

总结

TTF_RenderText_Blended

SDL_CreateTextureFromSurface

demo地址


相关文章
|
8月前
|
计算机视觉 数据格式
使用opencv在Qt控件上播放mp4文件
使用opencv在Qt控件上播放mp4文件
224 2
|
3月前
|
Windows
SDL基础使用07(YUV数据显示)
使用SDL库在Windows上处理和显示YUV数据,包括生成随机YUV数据、播放YUV文件以及实现带缩放的实时渲染。
64 1
|
3月前
|
C++
SDL基础使用03(渲染显示bmp图片)
如何使用SDL库在C++中创建窗口、加载BMP图片、创建纹理,并通过渲染器进行显示的完整过程。
41 2
|
3月前
SDL基础使用04(SDL_image与SDL_mixer扩展库)
本文介绍了如何使用SDL_image和SDL_mixer扩展库在SDL项目中加载和显示图片以及播放音频文件。
139 1
|
5月前
|
图形学
小功能⭐️Unity中Texture2D、Sprite、Texture、RenderTexture、image、byte的转换
小功能⭐️Unity中Texture2D、Sprite、Texture、RenderTexture、image、byte的转换
|
存储 vr&ar Android开发
[✔️] cocos2dx 纹理格式pixel format
[✔️] cocos2dx 纹理格式pixel format
122 0
|
自然语言处理
Cocos2dx接入Qt后,Text使用TTF显示异常
Cocos2dx接入Qt后,Text使用TTF显示异常
151 0
|
JavaScript Linux 开发者
SDL文字显示
SDL本身没有显示文字功能,它需要用扩展库SDL_ttf来显示文字。ttf是TrueTypeFont的缩写,ttf是Windows下的缺省字体,它有美观,放大缩小不变形的优点,因此广泛应用很多场合。
331 0
|
开发工具 Windows
SDL开发笔记(三):使用SDL渲染窗口颜色和图片
SDL开发笔记(三):使用SDL渲染窗口颜色和图片
|
Android开发 JavaScript
【音视频连载-004】基础学习篇-SDL 加载图片并显示
在前面的文章中已经介绍完 SDL 显示窗口、消息循环和事件响应这些基础内容,有了这些基础就可以进行功能性开发了。 本篇的主要内容是利用 SDL 加载并显示一张图片,然后再去进行更多的音视频操作。
237 0
【音视频连载-004】基础学习篇-SDL 加载图片并显示

热门文章

最新文章