如何在Quarto RevealJS幻灯片中实现图表缩放动画？

我希望点击幻灯片时，其中的图表能呈现缩放动画效果。在Quarto文档中找到了zoom功能选项，但不清楚如何将其设置为动画。以下是可复现代码：

---
title: "Zoom on graph in slide"
format: revealjs
---

## Start

- 点击幻灯片时希望图表能触发缩放动画

```{r}
#| echo: false
library(ggplot2)
ggplot(mtcars, aes(x = cyl, y = mpg)) +
  geom_point()

当前幻灯片中的图表无点击缩放效果，请问如何实现该图表的点击缩放动画？

---

### 解决方案

要实现点击图表触发平滑缩放动画，需借助RevealJS的`zoom`插件完成以下配置：

1. **启用Zoom插件并开启点击触发**
   在YAML头部的`revealjs`格式配置中，添加`zoom`插件，并设置`click: true`开启点击缩放（插件默认自带平滑动画效果）：

   ```yaml
   ---
   title: "Zoom on graph in slide"
   format: 
     revealjs:
       plugins:
         - zoom
       zoom:
         click: true
   ---

2. 指定仅图表可点击缩放（可选）
   如果希望仅图表区域触发缩放（而非整个幻灯片），可添加自定义选择器规则：

   • 在YAML的zoom配置中增加selector: ".zoomable"，指定仅带有zoomable类的元素可被缩放
   • 给R代码块添加class: zoomable属性，让图表容器带上该类

   完整代码示例：

   ---
   title: "Zoom on graph in slide"
   format: 
     revealjs:
       plugins:
         - zoom
       zoom:
         click: true
         selector: ".zoomable"
   ---
   
   ## Start
   
   - 点击下方图表即可触发缩放动画
   
   ```{r}
   #| echo: false
   #| class: zoomable
   library(ggplot2)
   ggplot(mtcars, aes(x = cyl, y = mpg)) +
     geom_point()
   

配置完成后，点击图表会触发平滑缩放动画，再次点击可恢复原大小。

内容的提问来源于stack exchange，提问作者Quinten