如何将Vegas（Scala版Vega-lite DSL）直接渲染为PNG？

确实，Vegas本身并没有提供像.saveFigure()这样直接导出PNG的方法，但我们可以通过以下几种实用方式实现需求：

方案1：生成HTML后用无头浏览器截图 #

Vegas可以轻松生成包含图表的HTML页面，之后我们可以借助无头浏览器（比如Playwright、Selenium）加载该HTML并截图保存为PNG。

步骤示例： #

1. 先让Vegas生成HTML字符串：

val plot = Vegas("Country Pop")
  .withData(
    Seq(
      Map("country" -> "USA", "population" -> 314),
      Map("country" -> "UK", "population" -> 64),
      Map("country" -> "DK", "population" -> 80)
    )
  )
  .encodeX("country", Nom)
  .encodeY("population", Quant)
  .mark(Bar)

// 生成完整的HTML页面字符串
val htmlContent = plot.html.pageHtml()

2. 将HTML写入临时文件：

import java.io.{File, PrintWriter}

val tempHtmlFile = File.createTempFile("vega-chart", ".html")
new PrintWriter(tempHtmlFile) {
  write(htmlContent)
  close()
}

3. 使用Playwright完成截图（需提前添加Playwright依赖）：

import com.microsoft.playwright._
import java.nio.file.Paths

val playwright = Playwright.create()
val browser = playwright.chromium().launch()
val page = browser.newPage()
page.navigate(tempHtmlFile.toURI.toString)
// 等待图表渲染完成（可根据实际情况调整等待时长）
page.waitForTimeout(2000)
page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("path/to/dest.png")))

// 清理临时资源
browser.close()
playwright.close()
tempHtmlFile.delete()

方案2：利用Vega CLI工具直接渲染 #

Vegas的核心是生成Vega-Lite的JSON规范，我们可以先导出这个JSON，再用官方的vega-cli工具将其渲染为PNG。

步骤示例： #

1. 导出Vega-Lite的JSON规范：

val vegaLiteJson = plot.toJson
// 将JSON写入本地文件
new PrintWriter("chart-spec.json") {
  write(vegaLiteJson)
  close()
}

2. 使用vega-cli命令行生成PNG（需先安装Node.js和vega-cli）：

vega-lite chart-spec.json --output path/to/dest.png

方案3：借助第三方Scala Vega绑定库 #

部分第三方Scala库（比如vega4s）提供了直接导出PNG的能力，你可以考虑替换或配合Vegas使用这类库，直接基于Vega-Lite规范生成PNG文件。

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