Markdown SVG 渲染工具升级:支持动画转 MP4
Simon Willison 升级了他的 Markdown SVG 渲染工具,新增将 SVG 动画转换为 MP4 视频的功能,方便在不支持 SVG 动画的平台上分享。
2026年8月16日我在五月开始构建我的 markdown-svg-renderer 工具,但此后我添加了足够多的功能,值得在这里再次讨论。它已经演变成我共享包含 SVG 文档的 Markdown 记录的理想工具。
考虑到我画骑自行车的鹈鹕的倾向,这是我需要解决的问题!该工具非常简单。在浏览器中导航到 markdown-svg-renderer 并粘贴一些 Markdown 以查看其渲染。
或者将该 Markdown 保存到 CORS 友好的 URL 或 GitHub Gist,并将 URL 粘贴到该文档。URL 选项将为您提供一个可书签的页面,例如 https:
//tools.simonwillison.net/markdown-svg-renderer#url=https%3A%2F%2Fgist.github.com%2Fsimonw%2F6f9e48293be5c916652d29f0dc0b0657 - 该 URL 已嵌
入此 Gist 的地址。如果您访问该 Gist,您会看到原始的 SVG:在渲染工具中,它看起来像这样:正如您所看到的,Markdown 中的该 SVG 块已转换为渲染的 SVG(在本例中为动画)加上几个选项卡。
选项卡是真正有趣的部分。PNG 和 JPEG 选项卡在浏览器中将 SVG 渲染为这些图像格式,并允许您复制或下载它们 - 对于在不直接支持 SVG 的平台上共享非常有用。
MP4 选项卡是今天新增的 - 它检查 SVG 以查看是否包含任何动画,尝试猜测循环视频应该有多长,然后渲染一大堆动画帧并加载 30+MB 的 ffmpeg。
wasm,因此它可以利用编译为 WebAssembly 并在浏览器中运行的 FFMPEG 的全部功能将这些帧编译为 MP4 视频。能够再次将动画 SVG 转换为 MP4,可以轻松地在无法原生支持 SVG 动画的平台上分享。
这是一个巧妙的技巧!最近的文章- Qwen 3.8 27B 很棒,
但它默认为过度思考 - 2026年8月16日- 现在我们有了 OpenAI 对 Hugging Face 意外攻击的时间轴 - 2026年8月7日- 使用 Claude Fable 5 一次性完成浣熊抢劫游戏 - 2026年8月5日