浏览器渲染
源内容在当前浏览器中解析;远程图片仍可能向其托管服务器发起请求。
将 Markdown 渲染为 PNG,或渲染为包含光栅图片的 SVG 文件,可选择主题和缩放倍数。
将 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 数据,并非可编辑的矢量图稿。