相关疑难解决方法(0)

我正在创建我的第一个HTML-带有rmarkdown的演示文稿（ioslides），并且希望能够手动放大幻灯片并导航到一个对象。
在浏览器（crtl +，crtl鼠标滚轮）中，缩放效果很好，但是我无法移动幻灯片。既不使用鼠标也不使用滚动条。后者不会像在网站上那样出现。
是否有实现这种事情的适当方法，或者不打算像这样使用滑坡？

我正在使用Ubuntu 16.04（LXDE）和rstudio（R版本3.2.3）。我尝试在Firefox和Chromium中进行缩放和导航。

例：

---
title: Zooming into an ioslide
author: "Robatt"
output: 
 ioslides_presentation: 
 fig_caption: yes
---

```{r setup, include=FALSE}
 knitr::opts_chunk$set(echo = FALSE)
```
##The slide to zoom in and navigate

```{r fig.align='left', out.width = "100px", dpi=300, 
fig.cap="a small graph to zoom in, when necessary"}
library(ggplot2)
x=c(1:30,by=0.1)
y=x/(1+x)
ggplot()+
  geom_smooth(aes(x=x,y=y),se=F,span=0.15,color="grey20")+
  labs(x="you can only read me after zooming in")
```

这也是我第一次没有找到关于stackoverflow的答案，因此也第一次没有找到答案。

我试图在 Rmarkdown html 输出中显示大图像而不自动调整其大小。为此，我想将图像放置在div可以沿 x 轴和 y 轴滚动的元素（小于图像本身）中。

这是我迄今为止尝试过的：

---
title: "test"
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

<style>
  .container {
    overflow: scroll !important;
    white-space: nowrap;
    max-width: 300px;
    max-height: 300px;
  }
</style>

<div class="container">
  <img src="https://images.hdqwalls.com/wallpapers/talking-to-the-moon-ym.jpg" width="2000px"/>
</div>

我想要的是能够沿两个轴使用可滚动元素以原始大小显示图像。

编辑

这是我正在寻找的说明：

当我点击这张幻灯片时，我想zoom在图表上显示。我应该像动画一样。这是一些可重现的代码：

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

## Start

- I would like to zoom to the graph clicking on this slide

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

输出：

我希望图表变成动画，以便它缩放到图表。我zoom在上面的链接中找到了该选项，但我不确定如何将其用作动画。所以我想知道是否有人知道如何在revealjs Quarto中制作缩放动画？