Вопросы по теме 'svg-animate'

SVGPAN - эффект плавного перехода
Возможно ли плавное масштабирование элемента svg? Я использую скрипт svgpan и понимаю, что увеличение масштаба управляется атрибутом преобразования. transform="matrix(0.6,0,0,0.6,0,0) Можно ли добавить «переход», чтобы сделать переход...
1203 просмотров

невозможно установить источник преобразования в Firefox
Я пытаюсь создать анимацию с помощью SVG и CSS3. Она отлично работает в Chrome, но не работает в Firefox. Я пытался добавить префикс -moz- к transform-origin: , но пока это не работает. здесь я создал живой образец Правила Css, которые я...
45 просмотров
schedule 10.11.2023

SVG-анимация текстовых значений
Есть ли тег анимации SVG, который позволит мне изменить содержимое текстового тега? У меня есть анимация, которая перемещает элемент вместе с текстовой меткой, и мне нужно, чтобы текст обновлялся синхронно с анимацией. У меня есть другие функции,...
2172 просмотров
schedule 29.10.2023

Как я могу сохранить анимированный код svg в файл .svg?
Как я могу сохранить анимированный код svg в файл .svg? Я попытался поместить его в файл и сохранить с .svg, но это полностью исключает код анимации, оставляя svg статическим. Любые идеи о том, как это сделать, пожалуйста, или преобразовать код в...
197 просмотров
schedule 07.06.2024

Anime.js SVG Morph Animation ломает контур формы
Я пытаюсь преобразовать SVG круга (преобразованного в путь в Illustrator с помощью Object > Compound Path > Make) в квадрат (преобразованный таким же образом) с помощью Anime.js, но когда временная шкала запускается, форма круга искажается как будто...
751 просмотров
schedule 09.01.2024

Анимация пути SVG SMIL не работает в Safari
Я использую анимацию SVG SMIL, потому что не нашел другого способа анимировать изогнутую форму. Этот подход отлично работает для всех браузеров, кроме браузеров iOS. Это мой код SVG: <svg version="1.1" id="Слой_1"...
287 просмотров
schedule 11.10.2022