css 将标注捕获为夸托图像的方法

4sup72z8 于 2023-02-26 发布在其他

关注(0)|答案(1)|浏览(168)

有没有什么方法可以从qmd本身捕获像下面这样的callout的图像呢？所以如果我有这个qmd：

---
title: "Untitled"
format: html
---

::: {.callout-note}

### Date

```{r}
#| results: asis
#| echo: false

cat(format(Sys.Date(), "%b %d"))

:::


我想它输出一个像这样的图像作为一个png：

![](https://i.stack.imgur.com/tMf48.png)

css

来源：https://stackoverflow.com/questions/75549228/way-to-capture-a-callout-as-an-image-in-quarto

1条答案

按热度按时间

nbewdwxp1#

您可以使用capture包（不在cran上），但是png的质量相当低。我添加了一个额外的空格（<br>），以便在图像中创建完整的callout。

---
format: html
---

<div id="calloutdiv">

::: {.callout-note}

### Date

```{r}
#| results: asis
#| echo: false

cat(format(Sys.Date(), "%b %d"))

:::

  capture::capture(
    selector = "#calloutdiv",
    filename = "callout.png",
     "Take screenshot of callout", 
  button_class = "btn btn-primary btn-block"
  )


![](https://i.stack.imgur.com/nnITD.png)

**输出**：

![](https://i.stack.imgur.com/xLZkH.png)

![](https://i.stack.imgur.com/uevbl.png)

赞(0）回复(0）举报 2023-02-26

我来回答

css 将标注捕获为夸托图像的方法

1条答案

相关问题

热门标签

最新问答