在四开本演示中使用 tikz

Question

我正在尝试 quarto for my slides and wondering how to use \pause in tkiz 代码。最低工作示例如下供参考。

---
title: "Test Slides"
format:
  revealjs: 
    chalkboard: 
      buttons: false
    preview-links: auto
    css: styles.css
---

## Intro
Here is a TikZ picture

```{r, engine = 'tikz'}
\begin{tikzpicture}
 \draw (0,0) circle (1cm);
 %\pause
 \draw (0,0) circle (2cm);
\end{tikzpicture}
```

Answer 1

我很确定 \pause 在这里行不通。 knitr 从 tikz 代码生成图像，然后包含图形。您可以通过查看生成的 html 代码来检查这一点：

<h2>Intro</h2>
<p>Here is a TikZ picture</p>
<div class="cell">
<div class="cell-output-display">
<p><img data-src="notes_files/figure-revealjs/unnamed-chunk-1-1.png" width="960"></p>
</div>

LaTeX 命令\pause 逐步显示一个框架。或者更确切地说，它会创建多张幻灯片，每张幻灯片都会显示更多 image/drawing。我看到模仿四开本或 R Markdown 中的 \pause 行为的唯一选择是创建两张幻灯片，每张幻灯片一张。您可能想增加 revealjs 演示文稿中的幻灯片，但这也行不通，因为图像是一张放在另一张下面，而不是放在上面。在我看来，最好的方法是：

---
title: "Test Slides"
format:
  revealjs: 
    chalkboard: 
      buttons: false
    preview-links: auto
    css: styles.css
---

## Intro
Here is a TikZ picture

```{r, engine = 'tikz'}
\begin{tikzpicture}
 \draw (0,0) circle (1cm);
 % \draw (0,0) circle (2cm);
\end{tikzpicture}
```


<section data-visibility="uncounted"></section>
## Intro
Here is a TikZ picture

```{r, engine = 'tikz'}
\begin{tikzpicture}
 \draw (0,0) circle (1cm);
 \draw (0,0) circle (2cm);
\end{tikzpicture}
```

revealjs 代码 <section data-visibility="uncounted"></section> 确保一切看起来都像增加幻灯片一样。我在四开本中还没有看到这个选项，但是直接插入 html 代码就可以了。

在四开本演示中使用 tikz

Using tikz in quarto presentation

r

r-markdown

pause

tikz

quarto