gpt4 book ai didi

r - Xaringan 中的图像占位符

转载 作者:行者123 更新时间:2023-12-02 03:21:02 26 4
gpt4 key购买 nike

我正在 R 中使用 Yihui 的 xaringan 库来创建演示文稿的自定义模板。

其中一部分是创建自定义body幻灯片,如下图所示。

enter image description here

然后我对标题和正文使用自定义 CSS:

  .body-yellow > h2 {
font-size: 42px;
text-transform: uppercase;
padding-left:
}

然后只需输入 rmarkdown 类似:

---
class: body-yellow

# Hello

## world

Hello world

然后这将填充幻灯片。

我的问题是,有没有办法为上面模板中显示的图像创建一个占位符,我可以在 rmarkdown 代码本身中进行调整?

我想象的代码如下:

---
class: body-yellow
background-images: url(./img/my_new_custom_image.png)

# Hello

## world

Hello world

以及CSS中的相关调整:

 .body-yellow > image {
background-images: PLACEHOLDER
position:right
}

这将改变图像如下:

enter image description here

对不起我的CSS无知,但我才刚刚开始涉足这一领域。

最佳答案

您可以为 body-yellow 类设置全局背景图像,并使用特定幻灯片上的 background-image 属性覆盖它。这是一个最小的例子:

---
title: "Test"
output:
xaringan::moon_reader:
nature:
ratio: "16:9"
---

class: body-yellow

```{css, echo=FALSE}
.body-yellow > h2 {
font-size: 42px;
text-transform: uppercase;
padding-left: 50px;
}
.body-yellow {
background-image: url(/image/OSrg8t.png);
background-size: contain;
}
```


## Default background

---
class: body-yellow
background-image: url(/image/X1C2Bt.png)

## A custom background

Use a custom background to override the default

关于r - Xaringan 中的图像占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54807821/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com