# 🖼️ 背景

## 基础知识

背景由三部分组成：左侧、中间和右侧。我认为很容易理解背景是如何工作的。插件获取文本的宽度，并使用二分查找方法拼接一个适应文本的背景图像。

## 添加新的背景配置

![](https://content.gitbook.com/content/s87C1OsSEHzpv1XHzgIN/blobs/9OMatz8xyJ8bqcJrU8u1/image.png)

背景配置包含 9 个图像和一个 YAML 配置文件。

```yaml
left:
  image: b0
  height: 14
  ascent: 7

right:
  image: b0
  height: 14
  ascent: 7

middle:
  height: 14
  ascent: 7
  1: b1
  2: b2
  4: b4
  8: b8
  16: b16
  32: b32
  64: b64
  128: b128
```

**height/ascent**：

> * height：字符的高度，以像素为单位。可以是负值。此标签与源纹理中使用的区域分开，并且只重新调整显示的结果。
> * ascent：字符的上升，以像素为单位。此值将向显示的结果添加垂直偏移。

![](https://content.gitbook.com/content/s87C1OsSEHzpv1XHzgIN/blobs/nBBTt4huiHk92QX0Ky6f/image.png)