如何在Rpres（R演示文稿）幻燈片中添加全屏背景圖像？

我想在Rstudio創建的R演示文稿（Rpres）幻燈片套件中的一個或多個幻燈片中添加全屏幕背景圖像。我知道Rstudio的R演示文稿幻燈片使用了reveal.js框架來獲得所有漂亮的眼睛糖果效果，並且最接近我必須通過以下示例來實現我想要的： https://www.uvm.edu/rsenr/vtcfwru/R/fledglings/14_Slideshows.html 並添加以下行幻燈片開始之前：如何在Rpres（R演示文稿）幻燈片中添加全屏背景圖像？

--- &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文件打得好，還是在信息自述文件並不足以讓我拼湊一個雜件來使它工作。

這似乎是一個非常簡單的要求。當然，像向幻燈片添加背景圖片那樣簡單的事情不會那麼困難嗎？有什麼想法嗎？

來源

2015-12-04 Andrew John Lowe

繼從這裏另一個答案：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

這應該給你的扉頁上的背景圖像，並與幾個編輯，以下幾頁也。

HTH！

來源

2015-12-04 16:10:53 Leon

謝謝！但尚未安靜。我嘗試了你的建議，但似乎css-file.css被其他東西覆蓋。當我在YAML之後和第一張幻燈片之前粘貼代碼時，我獲得了更好的結果。我不明白爲什麼我需要在兩個不同的塊中指定背景圖像信息。第一個似乎已經足夠。然而，在任何情況下，我能夠實現的唯一行爲是將圖像作爲所有幻燈片的背景，包括標題幻燈片。我想要更多的控制;我只想要標題幻燈片上的圖像，也可能是其他幻燈片上的不同背景。 –

我應該提到'.section .reveal .state-background'塊似乎沒有任何效果。我可以在全局範圍內更改'body'的屬性，但不能用於單個幻燈片。 –

如何在Rpres（R演示文稿）幻燈片中添加全屏背景圖像？

回答

相關問題