html - 添加一个图像作为指向它自己位置的链接

Question

使用rmarkdown和我希望能够执行以下操作的include_graphics功能：knitr

<a href="image.png"><img src="image.png" alt="image" width="30%"></a>

我可以在其中看到图像的小版本，然后单击它以查看其完整尺寸的原始版本。我确信有一种简单的方法来包装类似的东西：

```{r ,out.width="30%"}
knitr::include_graphics('image.png')
```

在 html 链接中，但我找不到如何。

我喜欢的knitr::include_graphics()是

1. 它在一个块中，所以我可以生成图像的名称R
2. 它将图像复制到我希望Rmardown编译代码的最终文件夹。

我想做的一个例子，但我不知道如何也不可能：

```{r ,out.width="30%"}
images=paste0('image',1:3,'.png')
for( i in images){
    #open <a href = i>
    knitr::include_graphics(i)
    #close </a>
}
```

应该做类似的事情：

<a href="image1.png"><img src="image1.png" alt="image" width="30%"></a>
<a href="image2.png"><img src="image2.png" alt="image" width="30%"></a>
<a href="image3.png"><img src="image3.png" alt="image" width="30%"></a>

标签： htmlrr-markdownknitr

Answer 1

你可以简单地做：

<a href = "./image.png">
```{r, out.width="30%"}
knitr::include_graphics('./image.png')
```
</a>

对我来说，这行得通。