将本地目录中的本地图像包含并调整大小到 Xaringan (remark.js) 演示文稿中...（通过 Mac 上的 Rstudio 使用）

Posted 2023-03-08

【中文标题】将本地目录中的本地图像包含并调整大小到 Xaringan (remark.js) 演示文稿中...（通过 Mac 上的 Rstudio 使用）

【英文标题】：Include and size local images from local directory into Xaringan (remark.js) presentation ... (using via Rstudio on mac)

【发布时间】：2019-09-25 01:01:12

【问题描述】：

我想将本地目录中的图像/材料包含到 Xaringan remark.js 演示文稿中并调整它们的大小。 我正在通过 Mac 上的 Rmd/Rstudio 执行此操作。我希望能够按照Yihui's docs 中的建议使用宏来自定义大小

用于调整大小的建议宏不适用于我。

添加行：

.center[![trachoma](picsfigs/trachoma.jpg)]

工作正常，但添加 beforeInit：“macros.js” 并将宏添加到该文件 knitting 会产生一个空白演示文稿

---
title: "A Cool Presentation"
output:
  xaringan::moon_reader:
    css: [default, metropolis, metropolis-fonts]
    seal: true
    self_contained: true
    yolo: false
    beforeInit: "macros.js"
    nature:
      autoplay: 30000
---

- Hello world 

---

--- 

# new slide??

This works:


.center[![trachoma](picsfigs/trachoma.jpg)]

---

But this does not work:

.center[![:scale 50%](picsfigs/trachoma.jpg)]

Nor this

.center[![trachoma][:scale 50%](picsfigs/trachoma.jpg)]

one more slide

---

macros.js 文件：

remark.macros.scale = function (percentage) 
  var url = this;
  return '<img src="' + url + '" style="width: ' + percentage + '" />';
;

【参考方案1】：

您需要将beforeInit: "macros.js" 放在nature 下，如下所示。

---
title: "A Cool Presentation"
output:
  xaringan::moon_reader:
    css: [default, metropolis, metropolis-fonts]
    seal: true
    self_contained: true
    yolo: false
    nature:
      autoplay: 30000
      beforeInit: "macros.js"
---