Marp幻灯片背景

来自泡泡学习笔记
跳到导航 跳到搜索

我们通过Markdown提供了一种背景图像语法来指定幻灯片的背景。只需要在替代文本中包含bg关键词即可。

![bg](https://example.com/background.jpg)


当在幻灯片中定义了两个或多个背景图像时,Marpit仅显示最后定义的图像。如果您想显示多个图像,请尝试启用内联SVG幻灯片的高级背景。



背景大小

您可以通过关键词调整背景图像的大小。关键词值基本上遵循background-size样式。

![bg contain](https://example.com/background.jpg)


关键词 描述 示例
cover 将图像缩放以填充幻灯片。(默认值) ![bg cover](image.jpg)
contain 将图像缩放以适应幻灯片。 ![bg contain](image.jpg)
fit 等同于contain,与Deckset兼容。 ![bg fit](image.jpg)
auto 不缩放图像,使用原始大小。 ![bg auto](image.jpg)
x% 以百分比值指定缩放因子。 ![bg 150%](image.jpg)


您还可以继续使用宽度(w)和高度(h)选项关键词,通过长度指定大小。