Markdown SVG 升级

我于5月开始构建 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 —— 它直接嵌入了 这个 Gist 的链接。 如果你访问 这个 Gist，会看到原始 SVG：

而在渲染后的工具中 看起来是这样的：

正如你所见，Markdown 中的 SVG 代码块已被转换成渲染后的 SVG（此处为动画）以及多个标签页。 标签页是真正有趣的部分。PNG 和 JPEG 标签页会在浏览器中将 SVG 渲染为这些图片格式，并支持复制或下载——这对于在不直接支持 SVG 的平台上分享非常有用。 MP4 标签页是 今天新增 的。它会检查 SVG 是否包含动画，尝试估算循环视频的时长，然后渲染大量动画帧并加载 30+MB 的 ffmpeg.wasm，以便利用 WebAssembly 编译的 FFMPEG 的全部功能，在浏览器中将这些帧编译成 MP4 视频。 能够将动画 SVG 转换回 MP4，使得在不原生支持 SVG 动画的平台上分享变得轻而易举。这真是个巧妙的技巧！