Walkway.js – компактная javascript-библиотека для лёгкого анимирования SVG-графики, состоящей из линейных и контурных элементов.
Способ применения
Воспользуйтесь прилагаемым пультом опций и задайте новый Walkway-кадр. Чтобы запустить анимирование, запросите .draw, а в качестве возвратного кадра задайте произвольный отзыв, который будет запрашиваться по готовности рисунка.
Опции
selector (селектор) (обязательный) – Селектор исходного элемента (обычно это конкретный SVG-элемент).
duration (длительность) – Отрезок времени, в течение которого воспроизводится анимация (в миллисекундах). Значение по умолчанию 400.
easing (переход) – Название функции перехода, задействуемой для отображения рисунка. По умолчанию это ‘easeInOutCubic’. Можно задать и собственную функцию, которая будет определять течение процесса и должна возвращать значение в интервале [0, 1];
Пример | GitHub
Раздел: Библиотеки скриптов Нет комментариев
Walkway.js – Лёгкий способ анимировать простые SVG-элементы
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 4575 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать