Inkscape: анимированные SVG для видео? - PullRequest
Новая
       4

Inkscape: анимированные SVG для видео?

9 голосов
/ 19 октября 2011

Я создал анимированную презентацию с плагином Sozi для Inkscape.Это выглядит великолепно, однако, не все браузеры поддерживают SVG-анимацию (например, Chrome совсем не нравится SVG-файлы Inkscape / Sozi).Я хотел бы преобразовать презентацию в видео.Одним из вариантов было бы сделать снимок экрана, но я надеюсь на что-то лучшее.

Оглядываясь вокруг, я также натолкнулся на этот ответ - но создание покадровых SVG-файлов на самом деле неосуществимоЯ бы хотел сохранить анимацию масштабирования / скольжения.

Есть идеи, какой инструмент использовать?

Ответы [ 3 ]

6 голосов
/ 29 октября 2013

1.Конвертировать SVG в Canvas

SVG можно преобразовать в элемент canvas, используя этот инструмент

2.Запись анимации холста

Видеофайл можно создать из анимации холста, используя MediaStreamRecorder (в зависимости от поддержки браузера) или Whammy.js .Я использовал сглаз раньше, он работал как шарм.

1 голос
/ 12 января 2015

Вы можете попробовать Synfig Studio, я использовал его для нескольких личных анимационных проектов.Я действительно хороший, с хорошим tutos / документация / сообщество.

http://www.synfig.org/cms/

цитата: «Synfig Studio - это бесплатное программное обеспечение 2D-анимации с открытым исходным кодом, разработанное как мощный промышленныйнадежное решение для создания анимации кинематографического качества с использованием векторных и растровых изображений. Оно устраняет необходимость создания покадровой анимации, позволяя создавать 2D-анимацию более высокого качества с меньшим количеством людей и ресурсов. Synfig Studio доступна для Windows,Linux и MacOS X. "

надеюсь, это поможет

Филипп

0 голосов
/ 17 июля 2012

То, что вы спрашиваете, невозможно, потому что анимация SVG интерполирована, тогда как все основные форматы видео основаны на кадрах.Если вы хотите выполнить рендеринг в видео, у вас есть для разделения отдельных кадров.

Если вы ожидаете, что ваши пользователи будут просматривать видео с той же скоростью (а не замедлять его),достаточно выбрать частоту кадров, достаточную для плавного отображения анимации (скажем, 30 кадров в секунду).Недостатком, конечно, является увеличение размера файла.

Преобразование анимированного SVG в фильм предоставляет несколько вариантов разделения и преобразования.

Кстати, Chrome поддерживает SVG-анимацию,Вы пробовали это в последней версии?Кроме того, попробуйте экспортировать файл из Inkscape в виде «простого SVG» (вместо стандартного «Inkscape SVG»), который удаляет элементы, специфичные для Inkscape, которые потенциально могут запутать браузеры.

...