—»     —»   Walkway.js – Лёгкий способ анимировать простые SVG-элементы
  Раздел: Библиотеки скриптов   Нет комментариев  

Walkway.js – Лёгкий способ анимировать простые SVG-элементы



Walkway.js – компактная javascript-библиотека для лёгкого анимирования SVG-графики, состоящей из линейных и контурных элементов.

Способ применения

Воспользуйтесь прилагаемым пультом опций и задайте новый Walkway-кадр. Чтобы запустить анимирование, запросите .draw, а в качестве возвратного кадра задайте произвольный отзыв, который будет запрашиваться по готовности рисунка.

Walkway.js – Лёгкий способ анимировать простые SVG-элементы

Опции

selector (селектор) (обязательный) – Селектор исходного элемента (обычно это конкретный SVG-элемент).
duration (длительность) – Отрезок времени, в течение которого воспроизводится анимация (в миллисекундах). Значение по умолчанию 400.
easing (переход) – Название функции перехода, задействуемой для отображения рисунка. По умолчанию это ‘easeInOutCubic’. Можно задать и собственную функцию, которая будет определять течение процесса и должна возвращать значение в интервале [0, 1];

Пример | GitHub
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: javascript
Опубликовал Design FactoRy   Прочитано (раз): 2664   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Февраль 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728