image-patterns

# Marp 图片语法参考 基于官方 Marpit 图片语法的放置和样式设置方法。 官方文档：https://marpit.marp.app/image-syntax ## 基本图片插入 ### 普通图片 markdown   图片作为内容显示。 ### 尺寸指定 Marp 允许为图片添加尺寸关键字： markdown    **支持的单位**： - `px` - 像素 - `%` - 百分比 - `em`, `rem`, `cm`, `mm`, `in`, `pt`, `pc` **缩写**： - `w:` = `width:` - `h:` = `height:` ## 背景图片 (`bg` 关键字) ### 基本背景图片 markdown  将图片作为幻灯片背景放置。它不会与文本内容重叠，并位于背景层。 ### 背景尺寸关键字 markdown     | 关键字 | 行为 | CSS 等效 | |---------|----------|----------------| | `fit` | 保持纵横比，适应幻灯片内 | `background-size: contain` | | `cover` | 保持纵横比，覆盖整个幻灯片 | `background-size: cover` | | `contain` | 同 `fit` | `background-size: contain` | | `auto` | 原始尺寸 | `background-size: auto` | ### 背景尺寸（数值） markdown    支持与 CSS `background-size` 属性相同的语法。 ## 分屏背景 可以使用多个背景图片分割屏幕。 ### 基本分屏 markdown   两张图片左右分割显示。 ### 三屏或更多分割 markdown    三张或更多图片被平均分割。 ### 指定分割方向 默认为水平分割，但也支持垂直分割： markdown   使用 `vertical` 关键字更改为垂直分割。 ### 左右对齐 markdown  将图片放置在左侧，为右侧保留文本空间。 markdown  将图片放置在右侧，为左侧保留文本空间。 ### 尺寸比例指定 markdown  左侧 33% 图片，右侧 67% 文本空间。 markdown  右侧 60% 图片，左侧 40% 文本空