创建带有图像背景的幻灯片 – 代码
@H_301_2@最近几个星期前,我能够成功地在RStudio中创建一个RMarkdown文件时执行以下操作。
@H_301_2@Rmarkdown文件(顶部YAML部分):
output: ioslides_presentation: css: ../css/slide_style.css logo: ../css/logos/approved.logos.016.jpg self_contained: yes@H_301_2@这将然后源css文件slide_style.css,其中包含以下内容:
/* Below is the code to drop in a nice image for the background OUTSIDE of the slides. */ /* line 58,../scss/default.scss */ /* line 236 of ../theme/../default.css */ body { background-image: url('../css/backgrounds/outside_slides.png'); } /* Below is the code to drop in a nice image for the slide backgrounds,or "backdrop". */ /* line 170,../scss/default.scss */ /* line 320 of ../theme/../default.css */ slides > slide.backdrop { background-image: url('../css/backgrounds/inside_slide.png'); }@H_301_2@这过去是工作,其中inside_slide.png文件将作为背景图像(重复)嵌入在幻灯片本身,而exterior_slides.png文件将类似地嵌入,但围绕中央幻灯片的外边缘。 @H_301_2@嵌入图片已失效 – 我尝试过… @H_301_2@css文件的其余部分工作正常。我有很好的效果,IMHO,改变标题在哪里,允许水平的标题,改变表格外观等。所有这仍然工作正常。图像本身没有被嵌入。显式地,outside_slides.png和inside_slides.png图像不再在生成的.html文件中呈现。 @H_301_2@正在检查文件路径… @H_301_2@所以,你可能会猜到文件本身就是问题。我检查了文件路径,一切都很好。事实上,我故意搞砸了,以确保它会失败。它失败了,当路径错了。 @H_301_2@打开文件自己… @H_301_2@也许文件没有我认为他们有什么?不,我可以检查的文件与预览或任何,他们看起来不错。我也指向其他图像文件,那些不能被视为背景,。我试过.png,.jpg和.gif。没有运气。 @H_301_2@确保css文件可以执行其他操作… @H_301_2@也许有东西是重写这个body标签?我尝试了一些简单的背景颜色:橙色,和工作正常。我改变了不透明度,这工作。我也试图添加!重要的css表。这没有帮助。 (意思是,它工作的背景颜色,但不适用于背景图像。) @H_301_2@它就好像东西是over-riding这样背景图像根本不工作。 @H_301_2@我一直在使用RStudio进行大部分测试。在RStudio中生成的演示文稿以及通过Web浏览器打开的生成的.html文件都不会显示图像。 @H_301_2@有没有人有什么想法发生了什么? @H_301_2@编辑 @H_301_2@这里是我的会议信息:
> sessionInfo() R version 3.1.3 (2015-03-09) Platform: x86_64-apple-darwin13.4.0 (64-bit) Running under: OS X 10.10.4 (Yosemite) locale: [1] en_US.UTF-8/en_US.UTF-8/en_US.UTF-8/C/en_US.UTF-8/en_US.UTF-8 attached base packages: [1] stats graphics grDevices utils datasets methods base loaded via a namespace (and not attached): [1] digest_0.6.8 htmltools_0.2.6 rmarkdown_0.7.3 rsconnect_0.3.79 tools_3.1.3 yaml_2.1.13