gpt4 book ai didi

r - 如何在 Rpres (R Presentation) 幻灯片中添加全屏背景图片?

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

我想在使用 Rstudio 创建的 R Presentation (Rpres) 幻灯片组中的一张或多张幻灯片中添加全屏背景图像。我知道 Rstudio 的 R Presentation 幻灯片使用 reveal.js 框架来获得所有漂亮的视觉效果,而我最接近实现我想要的效果的方法是按照此处的示例: https://www.uvm.edu/rsenr/vtcfwru/R/fledglings/14_Slideshows.html并在幻灯片开始前添加以下行:

--- &slidebg bg:url(atlas.png);background-size:cover
### Introduction: about this talk

Blah blah blah...

但是,虽然我看到了图像,但它没有居中并且图像仅覆盖了可用的文本区域——也就是说,图像似乎被裁剪了并且图像周围有很大的边距。如果有办法使图像居中并删除图像周围的边距,我就会得到我想要的。我宁愿不必在编写 Rpres 文件后破解 html。此外,我宁愿不必在 html 中重新编码我的幻灯片——我喜欢能够在 Rstudio 中以 Markdown 创建我的幻灯片。

我确实尝试遵循此处的建议: Rpresentation in Rstudio - Make image fill out the whole screen具体来说,关于使用 http://github.com/regisb/reveal.js-fullscreen-img 的评论但我无法让它发挥作用——建议的解决方案不能很好地处理 Rpres 文件,或者 README 中的信息不足以让我拼凑出一个问题来让它发挥作用。

这似乎是一个非常简单的请求。向幻灯片添加背景图像这样简单的事情肯定不会这么难吧?有什么想法吗?

最佳答案

按照这里的另一个答案:Rstudio 0.98.1028 add background image only to title slide

您可以拥有一个包含您的图像作为背景的自定义 css 文件。我们称它为 css-file.css:

<style>
/* Your other css */
body {
background-image: url(http://goo.gl/yJFbG4);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.section .reveal .state-background {
background-image: url(http://goo.gl/yJFbG4);
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>

您可以将其包含在 .Rpres 文件的开头:

test
========================================================
author:
date:
css:css-file.css

这应该会在标题页上为您提供背景图片,并且对后续页面进行一些编辑。

喂!

关于r - 如何在 Rpres (R Presentation) 幻灯片中添加全屏背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34090164/

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