将类添加到由knitr（Rmd）生成的<img>标签中

Question

我编写了一个 R Notebook (Rmd)，我想将其渲染为 HTML。

    ::: { .mycls }

    ```{r dev="svg", fig.dim=c(8,6), out.width="100%"}
    ggplot(data.frame(x=rnorm(40, 5, 8),
                      y=rnorm(40, 2, 1),
                      group=factor(sample(c(1,2), 40, TRUE, c(0.3, 0.7))))) +
    geom_point(aes(x=x, y=y, color=group))
    ```
    :::

相应的 html 片段看起来像这样 （没有工作示例！，被截断！）：

<div class="mycls">
  <div class="row">
    <div class="col-md-12">
      <button type="button" ...>
        <span>Show</span>
      </button>
    </div>
  </div>
  <div class="collapse r-code-collapse" id="rcode-643E0F362">
    <pre class="r">
      <code class="hljs">... the code from above ...</code>
    </pre>
  </div>
  <p>
    <img src="data:image/svg+xml;base64,<...>" width="100%">
  </p>
</div>

我想用 JS 和 CSS 向图形（

<img>

-标签）添加功能，所以如果能有一个关于它的类就太好了。我发现最接近的是添加

::: { .mycls }

:::

创建封闭的

<div class="mycls>

标签。然后我可以在其中搜索

<img>

标签。不过，我更喜欢一个解决方案，我可以直接在

<img>

标签中设置类属性。

我试图向块添加选项：

```{r dev="svg", fig.dim=c(8,6), out.width="100%", class.img="imgcls", fig.class="imgcls"} 
   ...
```

看起来，您可以在那里指定大量属性，但我没有找到正确的属性。

Answer 1

正确的块选项是

out.extra

（我承认命名不好），例如

out.extra = 'class="mycls"'

。