重新缩放四开图中的图形

Question

我正在使用四开来准备一些幻灯片（即，revealjs输出），但我找不到缩放嵌入图像的方法（例如，来自维基百科）。看来“宽度”参数应该可以，但百分比都不是

![](https://upload.wikimedia.org/wikipedia/commons/a/a4/Discharging_capacitor.svg){width="50%"}

也不是绝对值

![](https://upload.wikimedia.org/wikipedia/commons/a/a4/Discharging_capacitor.svg){width=600}

似乎对渲染的图片有任何影响。有什么线索吗？

干杯。

Answer 1

选项 1：简单的解决方案：请参阅此处了解更多信息。

对于仅包含单个顶级图像的幻灯片，.r-stretch 类会自动应用于图像。您可以通过设置 auto-stretch: false 选项来禁用此行为

format:
  revealjs:
    auto-stretch: false

选项2：

如果你喜欢一般的伸展行为，你可以

A)使用以下命令停用单个幻灯片的拉伸行为

## Slide Title {.nostretch}

B)创建自己的 css 类：

下面的代码使用相同的宽度 (30px)，但只有具有自己的 css 样式的代码才有效，其中技巧是!important覆盖.r-stretch类设置的默认值。

.qmd

---
format: revealjs
css: styles.css
---

## using css class

![Caption](https://upload.wikimedia.org/wikipedia/commons/a/a4/Discharging_capacitor.svg){.width-image}


## using inline css does not work

![Caption](https://upload.wikimedia.org/wikipedia/commons/a/a4/Discharging_capacitor.svg){width=30px}

样式.css

.width-image{
  width: 30px!important;
}