Markdown SVG 升级

# Markdown SVG 升级 来源：https://simonwillison.net/2026/Aug/16/markdown-svg-upgrades/ 2026年8月16日 我从今年五月开始构建我的markdown-svg-renderer（https://tools.simonwillison.net/markdown-svg-renderer）工具（相关说明：https://tools.simonwillison.net/colophon#markdown-svg-renderer.html），但随后我为它添加了足够多的新功能，值得在此再次介绍。 它已经演变成我理想的工具，专门用于分享包含SVG文档的Markdown文稿。鉴于我热衷于绘制骑自行车的鹈鹕（https://simonwillison.net/tags/pelican-riding-a-bicycle/），这确实是个需要解决的问题！ 该工具非常简单。在浏览器中访问markdown-svg-renderer（https://tools.simonwillison.net/markdown-svg-renderer），粘贴一些Markdown即可查看渲染结果……或者将Markdown保存到支持CORS的URL或GitHub Gist，然后粘贴该文档的链接。 使用URL选项会为你生成一个可书签的页面，例如https://tools.simonwillison.net/markdown-svg-renderer#url=https%3A%2F%2Fgist.github.com%2Fsimonw%2F6f9e48293be5c916652d29f0dc0b0657——其中内嵌了这个Gist（https://gist.github.com/simonw/6f9e48293be5c916652d29f0dc0b0657）的URL。 如果你访问该Gist，会看到原始SVG代码：beautiful-circle.md。这是一个自包含的SVG——一个包含构造线、缓慢旋转刻度环和环绕亮点的圆形"罗盘研究"：一段SVG代码块。 但在渲染工具中，它显示为https://tools.simonwillison.net/markdown-svg-renderer#url=https%3A%2F%2Fgist.github.com%2Fsimonw%2F6f9e48293be5c916652d29f0dc0b0657： 相同的文本，但代码块已被替换为带标签页的面板。选中的标签页显示"已渲染"并展示渲染后的PNG。其他标签页为PNG、JPEG、MP4和代码。 如你所见，Markdown中的SVG代码块已被转换为渲染后的SVG（此处为动画）及多个标签页。 标签页功能尤为有趣。PNG和JPEG标签页在浏览器中将SVG渲染为对应图像格式，支持复制或下载——这对分享至不支持SVG的平台非常有用。 MP4标签页是今天新增的功能（https://github.com/simonw/tools/commit/73e0327f6df9887ba2a9f9f16a2d06a45451d248）。它会检测SVG是否包含动画，尝试推断循环视频的时长，然后渲染大量动画帧，并加载超过30MB的ffmpeg.wasm（https://github.com/ffmpegwasm/ffmpeg.wasm），以便利用编译为WebAssembly并在浏览器中运行的完整FFMPEG功能，将这些帧合成为MP4视频。 能将动画SVG转换为MP4，使得在不支持SVG动画的平台上分享再次变得便捷。这是个绝妙的功能！