Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Happy-Child
@Happy-Child
SVG
Анимация
Canvas
Как сделать анимацию svg элемента, чтобы произвольно менялась форма «лепёшки»?
Вот есть svg элемент на странице.
Задача такова - сделать анимацию, чтобы менялась его форма, форма лепёшки.
Пример +- как тут слева первого экрана
https://flex.media
Вопрос задан
более трёх лет назад
369 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Максим
@LenovoId
Куратор тега SVG
svg, css,js
Для начала надо понять что это не лепёшка а форма которая имеет аттрибуты которые можно анимировать в smil
Для использования этой не хитрой техники нужно сохранить несколько состояний элемента в поле values="" где их перечислить через
;
https://codepen.io/topicstarter/pen/QRWWoM
Ответ написан
более трёх лет назад
1
комментарий
Нравится
4
1
комментарий
Facebook
Вконтакте
Twitter
Happy-Child
@Happy-Child
Автор вопроса
Огромное спасибо, оказывается так всё простой.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
SVG
Простой
Есть ли тут кто нибудь, кто работал с визуальным представлением больших графов (~3000 вершин)?
7 подписчиков
11 мар.
2613 просмотров
1
ответ
Электроника
+2 ещё
Средний
Сможет ли чайник собрать костюм с помощью chatGPT и добрых Хабровчан?
2 подписчика
05 мар.
385 просмотров
2
ответа
Windows
+4 ещё
Простой
Существует ли бесплатная онлайн нейросеть или программа которая из обычной статической картинки делает анимированную?
1 подписчик
24 февр.
321 просмотр
3
ответа
JavaScript
+2 ещё
Простой
Как сделать анимацию атаки в игре на JS?
2 подписчика
06 февр.
516 просмотров
1
ответ
Анимация
Средний
Почему скрипт анимации становится клоном скрипта другой анимации?
1 подписчик
30 янв.
34 просмотра
0
ответов
JavaScript
+2 ещё
Простой
В чем может быть причина видимых разрывов в изображении составленном через чанки?
1 подписчик
20 янв.
116 просмотров
0
ответов
SVG
Простой
По правилам ли разные SVG файлы с одинаковыми ID?
1 подписчик
04 янв.
79 просмотров
2
ответа
Программное обеспечение и интернет-сервисы
+2 ещё
Простой
В каких видео-редакторах есть морфинг и спецэффекты для текста?
1 подписчик
26 дек. 2024
89 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
1 подписчик
22 дек. 2024
142 просмотра
1
ответ
Анимация
+1 ещё
Простой
Какой редактор для создания видео-анимаций выбрать начинающему?
1 подписчик
20 дек. 2024
128 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Инженер систем хранения данных / Системный администратор
Wanted.
•
Москва
от 200 000 до 250 000 ₽
Ruby on Rails разработчик
Хабр
•
Москва
от 240 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама