嵌入式图像显示完全攻略：在embedded-graphics中使用TGA和BMP格式

embedded-graphics是一个专为嵌入式系统设计的2D图形库，支持在资源受限的设备上渲染图形和文字。本指南将详细介绍如何在embedded-graphics中使用TGA和BMP图像格式，帮助开发者轻松实现高质量图像显示功能。## 为什么选择TGA和BMP格式？在嵌入式系统中，图像格式的选择至关重要。TGA和BMP格式因其简单的文件结构和广泛的支持，成为嵌入式图形应用的理想选择：

史多苹Thomas

936人浏览 · 2026-03-12 02:41:31

史多苹Thomas · 2026-03-12 02:41:31 发布

嵌入式图像显示完全攻略：在embedded-graphics中使用TGA和BMP格式

【免费下载链接】embedded-graphics 项目地址: https://gitcode.com/gh_mirrors/emb/embedded-graphics

embedded-graphics是一个专为嵌入式系统设计的2D图形库，支持在资源受限的设备上渲染图形和文字。本指南将详细介绍如何在embedded-graphics中使用TGA和BMP图像格式，帮助开发者轻松实现高质量图像显示功能。

为什么选择TGA和BMP格式？

在嵌入式系统中，图像格式的选择至关重要。TGA和BMP格式因其简单的文件结构和广泛的支持，成为嵌入式图形应用的理想选择：

TGA格式：支持多种颜色深度（8位、16位、24位和32位），支持透明度通道，文件头结构简单，易于解析
BMP格式：Windows标准图像格式，无压缩或无损压缩选项，广泛的工具支持，适合存储简单图形

embedded-graphics通过与tinybmp和tinytga库集成，提供了对这两种格式的原生支持。

准备工作：安装依赖

要在项目中使用TGA和BMP图像，需要在Cargo.toml中添加以下依赖：

[dependencies]
embedded-graphics = "0.7"
tinybmp = { version = "0.3.0", features = ["graphics"] }
tinytga = { version = "0.3.0", features = ["graphics"] }

这些依赖将提供解析BMP和TGA文件的能力，并与embedded-graphics的绘图系统无缝集成。

加载和显示TGA图像

TGA（Targa）图像格式是嵌入式系统中常用的格式，特别适合存储带有透明度信息的图像。以下是加载和显示TGA图像的完整步骤：

基本TGA图像显示

使用embedded-graphics显示TGA图像的模拟器演示效果

以下代码演示了如何加载并显示TGA图像：

use embedded_graphics::{image::Image, pixelcolor::Rgb888, prelude::*};
use tinytga::Tga;

// 加载TGA图像
let tga: Tga<Rgb888> = Tga::from_slice(include_bytes!("../assets/rust-pride.tga")).unwrap();

// 创建图像对象并指定位置
let image = Image::new(&tga, Point::new(10, 20));

// 绘制到显示屏
image.draw(&mut display)?;

处理不同颜色格式的TGA图像

TGA文件支持多种颜色格式，embedded-graphics可以自动处理颜色转换：

// 加载8位灰度TGA图像
let gray_tga: Tga<Gray8> = Tga::from_slice(include_bytes!("../assets/gray-image.tga")).unwrap();

// 加载带透明度的32位TGA图像
let alpha_tga: Tga<Rgba8888> = Tga::from_slice(include_bytes!("../assets/alpha-image.tga")).unwrap();

加载和显示BMP图像

BMP（Bitmap）是另一种广泛使用的图像格式，特别适合存储简单的图形和图标。使用tinybmp库可以轻松在embedded-graphics中使用BMP图像。

基本BMP图像显示

use embedded_graphics::{image::Image, pixelcolor::Rgb565, prelude::*};
use tinybmp::Bmp;

// 加载BMP图像
let bmp: Bmp<Rgb565> = Bmp::from_slice(include_bytes!("../assets/logo.bmp")).unwrap();

// 创建图像对象
let image = Image::new(&bmp, Point::new(50, 50));

// 绘制到显示屏
image.draw(&mut display)?;

调整图像位置和大小

embedded-graphics提供了多种变换功能，可以调整图像的位置、大小和方向：

use embedded_graphics::transform::Transform;

// 移动图像
let translated = Image::new(&bmp, Point::new(10, 10))
    .translate(Point::new(20, 30));

// 调整图像大小（需要启用"transform"特性）
let scaled = Image::new(&bmp, Point::zero())
    .scale(2, 2);

高级应用：图像组合与动画

结合embedded-graphics的其他功能，可以创建更复杂的图像效果：

图像叠加

// 背景图像
let background = Image::new(&bg_tga, Point::zero());

// 前景图像（带透明度）
let foreground = Image::new(&fg_tga, Point::new(10, 10));

// 依次绘制
background.draw(&mut display)?;
foreground.draw(&mut display)?;

简单动画效果

let mut x = 0;
let image = Image::new(&sprite_tga, Point::new(x, 10));

loop {
    // 清除屏幕
    display.clear(Rgb888::BLACK)?;
    
    // 更新位置
    x = (x + 1) % 128;
    let moving_image = image.translate(Point::new(x, 0));
    
    // 绘制图像
    moving_image.draw(&mut display)?;
    
    // 短暂延迟
    delay_ms(50);
}