You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Typst文档中直接嵌入JSON格式的图片?

如何在Typst文档中嵌入JSON格式的图片?

我有一张JSON格式的图片,想直接嵌入到Typst文档里,请问能不能用下面这种方式实现?

#let myimage = \"
 \"image\": {
    \"mime\": \"image/png\",
    \"data\": iVBORw0K[...]
  }
}\"

#image(myimage)

你写的这种方式无法直接实现,主要有两个问题:

  1. 你的JSON字符串格式不完整(缺少开头的{),且引号转义、字符串包裹都有错误;
  2. Typst的image()函数不支持直接传入JSON字符串,它需要的是图片数据的标准格式(比如文件路径、Data URI等)。

正确的实现方法是先解析JSON提取图片信息,再构造合法的图片数据格式传入image()函数,示例代码如下:

// 修正后的完整JSON字符串,注意格式和转义
#let myimage_json = "{
  \"image\": {
    \"mime\": \"image/png\",
    \"data\": \"iVBORw0K[...]\"
  }
}"

// 解析JSON,提取图片的MIME类型和Base64数据
#let img_info = json.parse(myimage_json).image

// 构造Data URI格式的图片数据,传入image函数
#image(data: `data:$(img_info.mime);base64,$(img_info.data)`)

需要注意的细节:

  • 确保JSON字符串完整且格式正确,data字段的Base64内容必须用双引号包裹;
  • 使用Typst内置的json.parse()函数解析JSON,获取到图片的MIME类型和Base64编码数据;
  • 按照data:{mime类型};base64,{Base64数据}的格式构造Data URI,传给image()的data参数即可完成嵌入。

内容的提问来源于stack exchange,提问作者eusebe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 08:53:30