Некоторые анимации svg воспроизводятся в GitHub README, другие - нет

Question

Я проверял некоторые терминалы для svg-рекордеров, такие как termtosvg , написанные на Python и svg-term-cli в Typescript.

Я установил termtosvg и записал небольшой сеанс терминала, чтобы сохранить его в моем README в качестве демонстрационной версии.Однако GitHub не делает этого.Странно, но он отображает все анимации svg , которые есть у termtosvg .

svg-term-cli использует Rawgit для рендеринга, но я не хочу использовать его как , он будет удален .

Я сделал небольшой репозиторий для тестирования здесь .Я скачал один svg из termtosvg , один из svg-term-cli и один из моих собственных и поместил его в папку docs в репозитории.И связаны с ними из моего README.md.

Выпуск

Анимация SVG из svg-term-cli отображается в README, но другие не .

ПРИМЕЧАНИЕ:

• Внутри папки docs Я ясно вижу, как Github отображает анимированные svgs.
• Я бы хотел использовать termtosvg, а не svg-term-cli.

Почему это происходит?Как мне сделать README визуализировать мой анимированный SVG.

Answer 1

Я пообщался с создателями termtosvg и обнаружил, что termtosvg использует animation теги, которые GitHub считает скриптами, удаляя их.Вот почему мы видим только черный экран и без анимации, когда пытаемся связать вывод svgs с помощью termtosvg .

svg-term-cli и анимация акулы с другой стороны использует CSS для достижения того же, с чем у GitHub, похоже, нет проблем.Вот почему они визуализируются.

Возможные обходные пути:

1. Использование github.io для размещения изображений и ссылки на README, как это кажетсяработа.

2. Использование Rawgit.Но помните, что это скоро будет снято.