Markdown SVG 渲染器升级：浏览器内直接导出 MP4 动画

我开始建立我的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 嵌入于本要点.

如果你来的话要点你会看到原始的SVG：

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

如你所见，Markdown 中的 SVG 块已经被转换成了渲染的 SVG（这里是动画版）和几个标签页。

标签页才是真正有趣的部分。PNG和JPEG标签页会在浏览器中将SVG渲染成这些图片格式，并允许复制或下载——这对不直接支持SVG的平台分享非常有用。

MP4标签页是今日新作- 它检查SVG是否包含动画，尝试猜测循环视频的长度，然后渲染大量动画帧，加载30+MBffmpeg.wasm因此，它可以利用FFMPEG的全部功能，编译到WebAssembly并在浏览器中运行，将这些帧编译成MP4视频。

能够将动画SVG重新转成MP4，使得在原生无法支持SVG动画的平台上分享变得容易。这是个很酷的技巧！

标签：SVG,打折,工具