html - 如何在 knitr 制作的 HTML5 幻灯片中使用 "R-generated"图作为半透明背景？

Question

我想在 (HTML5) 幻灯片的第一页添加一个图表。我可以动态地实现吗？也就是说，背景图像将由 R 代码生成，而不是插入半透明的 PNG 图像。谢谢。

更新:我要的是

Answer 1

您可以使用 block 选项 dev.args 来实现这一点。您需要正确调整图像大小以适合您的幻灯片。

```{r dev.args = list(bg = 'transparent')}
 plot(1:10, 1:10)
```

这个 block 将生成一个透明的 png。请阅读文档？ png 以获取您可以传递的参数列表。这是来自文档的有用信息。

png supports transparent backgrounds: use bg = "transparent". (Not all PNG viewers render files with transparency correctly.)

更新。对于使用 ggplot2 的绘图，alpha 参数可用于控制透明度。

```{r dev.args = list(bg = 'transparent'), echo = F, comment = NA, message = F}
library(ggplot2)
ggplot(mtcars, aes(wt, mpg)) +
  geom_point(alpha = 0.1) + 
  geom_smooth(alpha = 0.1)
```

更新 2。要使用动态图像作为背景，您需要动态设置幻灯片的背景。这可以在 slidify 中轻松实现[披露:我是作者]

这是一个gist带有一个 Rmd 文件，当滑动时会产生透明背景。