一些 svg 动画在 GitHub README 中播放，其他的则没有

Question

我一直在检查一些终端到 svg 记录器，例如用 Python 编写的 termtosvg 和 Typescript 中的 svg-term-cli。

我安装了 termtosvg 并记录了一个小型终端会话，以作为演示保存在我的 README 中。但是github没有渲染它。奇怪的是，它呈现了animations that termtosvg 拥有的所有 svg。

svg-term-cli 正在使用 Rawgit 进行渲染，但我不想将其用作it will be taken down。

我为测试目的创建了一个小型存储库here。我从 termtosvg 下载了一个 svg，从 svg-term-cli 下载了一个 svg 和我自己的一个，并将其放在 repo 的 docs 文件夹中。并从我的README.md 链接到他们。

问题

svg-term-cli 中的 svg 动画在 README 中呈现，但其他两个没有。

注意：

• 在docs 文件夹内，我可以清楚地看到 Github 渲染动画 svg。
• 我想使用 termtosvg 而不是 svg-term-cli。

为什么会这样？如何让 README 渲染我的动画 svg。

Answer 1

我与 termtosvg 的创建者聊天，发现 termtosvg 使用了 GitHub 认为是脚本的 animation 标签，从而删除了它们。这就是为什么当我们尝试链接 termtosvg 输出的 svgs 时，我们只会看到黑屏而没有动画。

svg-term-cli 而另一方面，鲨鱼动画使用 CSS 来实现 GitHub 似乎没有问题的相同事情。这就是它们被渲染的原因。

可能的解决方法：

1. 使用 github.io 托管图像并将其链接到 README，因为这似乎可行。

2. 使用 Rawgit。但请记住，它很快就会被删除。