跳到主内容
返回编辑器

Markdown 转图片

将 Markdown 渲染为 PNG,或渲染为包含光栅图片的 SVG 文件,可选择主题和缩放倍数。

Markdown 在当前浏览器中渲染

Markdown 转图片

将 Markdown 渲染为 PNG,或渲染为包含光栅图片的 SVG 文件,可选择主题和缩放倍数。

渲染内容

会捕获标题、表格、任务列表、高亮代码和数学公式;Mermaid 代码块仍显示为代码。

格式 分辨率
PNG 视网膜
SVG 超清
const image = await renderMarkdown(markdown, { format: "png" });
导出内容包括渲染后的标题、表格、高亮代码,以及预览支持的数学公式。

输入与输出

粘贴 Markdown,或选择 .md、.markdown 或 .txt 文件。选择浅色或深色样式、PNG 或 SVG 格式,以及 1x、2x 或 3x 缩放。导出使用 1080 像素宽的布局,并捕获完整渲染文档。

限制与失败情况

SVG 选项会在 SVG 容器中嵌入 PNG;文字和图形不是可编辑矢量。原始 HTML 会被移除,Mermaid 代码块不会渲染为图表,相对路径的本地图片不会导入。长文档和高缩放倍数可能生成高度很大且占用大量内存的文件。

本地处理与结果检查

Markdown 解析和画布捕获都在当前浏览器中运行。远程图片仍可能联系其托管服务器,并可能因跨源访问受阻而缺失。请打开下载文件,检查字体、公式、代码、图片加载、尺寸以及在目标大小下的可读性。

浏览器渲染

源内容在当前浏览器中解析;远程图片仍可能向其托管服务器发起请求。

渲染内容

会捕获标题、表格、任务列表、高亮代码和数学公式;Mermaid 代码块仍显示为代码。

PNG 或光栅 SVG

PNG 是位图。SVG 包裹相同的 PNG 数据,并非可编辑的矢量图稿。

Markdown 转图片 | MD 文件查看器