Запись и сохранение анимации SVG в качестве анимированного GIF

Ответ 1

Я обнаружил, что просто использование программы захвата экрана с функцией записи gif удовлетворяет всем моим потребностям и является надежным и чистым. Существует несколько таких программ захвата экрана. Я нашел LICEcap solid.

Здесь (почти дословно) моя процедура из упомянутого выше вопроса:

В решении используется инструмент LICEcap, утилита для захвата экрана для Win и Mac. Шаги следующие:

• Загрузите LICEcap здесь и установите его. Теперь, если вы запустите эту программу, у нее будет довольно необычная форма, только тонкая рамка, и все внутри рамки будет прозрачным:

• Перейдите в окно с вашей анимацией d3.js и подготовьте все, чтобы вы могли начать анимацию в какой-то момент. Допустим, мы хотим записать этот пример из d3js.org:

• Теперь запустите LICEcap и поместите его над областью, которую вы хотите иметь в своем анимированном gif:

• Убедитесь, что вы ввели по крайней мере 20 кадров в секунду в левом окне редактирования, иначе запись будет низкой. Нажмите запись. Сначала появится диалог, и вы выберете здесь, хотите ли вы, чтобы ваш gif находился в бесконечном цикле или просто повторялся один раз или любое количество раз. Также интересным вариантом является добавление некоторых визуальных подсказок для щелчков мыши. Выберите также имя файла и нажмите "Сохранить".

• Теперь вы делаете все, что вам нужно, чтобы запускать анимацию. Я несколько раз нажимал кнопки "Группировать" и "Укладывать". После того как я решил, что это достаточно, я нажал Стоп. Итоговый файл:

Что это!