Markdown SVG 渲染工具新增 MP4 导出
Simon Willison3 天前
一个面向 SVG 的 Markdown 渲染工具
markdown-svg-renderer 最初用于渲染包含 SVG 文档的 Markdown。现在，它已经支持将 SVG 代码块转换为可预览、可导出的内容，适合分享包含图形或动画的 Markdown 文档。
使用时，可以直接在浏览器中粘贴 Markdown，也可以输入一个支持跨域访问的文档地址或 GitHub Gist 地址。通过地址加载的文档还可以生成可收藏、可再次访问的页面。
SVG 代码块变成多标签面板
当 Markdown 中包含 SVG 代码块时，工具会将其替换为一个带标签的预览面板。面板包括：
- Rendered：直接显示渲染后的 SVG；
- PNG：在浏览器中转换为 PNG，可复制或下载；
- JPEG：在浏览器中转换为 JPEG，可复制或下载；
- MP4：将动画 SVG 转换为 MP4 视频；
- Code：查看 SVG 代码。
PNG 和 JPEG 导出适合用于不支持 SVG 的平台。对于包含动画的 SVG，MP4 导出则提供了另一种分享方式。
MP4 导出的实现方式
MP4 功能会先检查 SVG 是否包含动画，并尝试推断循环动画的时长。随后，工具在浏览器中生成动画的多个帧，并加载超过 30 MB 的 ffmpeg.wasm，利用编译为 WebAssembly 的 FFMPEG 将这些帧合成为 MP4 视频。
整个转换过程在浏览器中完成，无需额外的服务器端处理。这样，原本无法直接展示 SVG 动画的平台，也可以使用 MP4 格式进行分享。