3

我想在使用 Rstudio 创建的 R 演示 (Rpres) 幻灯片中的一张或多张幻灯片中添加全屏背景图像。我知道 Rstudio 的 R 演示幻灯片使用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 中创建我的幻灯片。

我确实尝试过这里的建议： Rstudio 中的表示 - 让图像 专门填充整个屏幕，关于使用http://github.com/regisb/reveal.js-fullscreen-img的评论但我无法得到这个工作 - 建议的解决方案不能很好地与 Rpres 文件配合使用，或者 README 中的信息不足以让我拼凑起来让它工作。

这似乎是一个非常简单的请求。当然，像在幻灯片中添加背景图像这样简单的事情不会那么难吗？请问有什么想法吗？

4

1 回答 1

3

从这里得到另一个答案：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

这应该会在标题页上为您提供背景图像，并在随后的页面上进行一些编辑。

！

于 2015-12-04T16:10:53.450 回答