Описание тега anime.js
Anime.js - это легкая библиотека анимации JavaScript. Он работает с любыми свойствами CSS, отдельными преобразованиями CSS, SVG или любыми атрибутами DOM и объектами JavaScript.
0
ответов
Не удалось импортировать animejs
Я пытаюсь создать приложение Angular и хочу добавить анимацию, используя библиотеку animejs. Я добавил наборы animejs из DefinitlyTyped ( https://www.npmjs.com/package/@types/animejs) и импортировал их, используя import * as anime from 'animejs';, Е…
23 янв '18 в 10:17
0
ответов
Анимация SVG линии не работает с помощью anime.js
У меня есть следующий SVG в моем HTML: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.…
26 авг '17 в 01:00
1
ответ
Как получить очки по траектории движения в anime.js
Я делаю анимацию по пути SVG с anime.js. Я скопировал пример отсюда, и все работает нормально. Я хотел бы иметь возможность получить все точки x и y вдоль анимационного пути, сразу (т.е. при инициализации моего сценария, а не по одному, так как он и…
28 окт '18 в 15:10
0
ответов
Компонент React Animation не будет обновляться
Я использую оболочку React для библиотеки анимации anime.js и пытаюсь создать приложение, которое принимает пользовательский ввод, а затем анимирует div на основе ввода (Картинка для наглядности) Он начинается с простого подвижного квадрата, но посл…
21 фев '18 в 23:11
1
ответ
Проблема с анимацией
Недавно я работал над анимацией для моего меню для мобильных телефонов. анимация работает отлично, но когда выполняется функция щелчка, в конце анимации возникает ошибка. если вы наблюдаете в конце функции щелчка, происходит некоторое возникновение …
21 мар '18 в 16:55
0
ответов
Anime.js проблема с фоновыми градиентами
Я пытаюсь использовать anime.js изменить цвет кнопки, но, кажется, ничего не происходит, когда я пытаюсь установить какие-либо свойства фона для градиентов. Градиенты, которые я пробовал, включают в себя: background: -webkit-linear-gradient(to right…
02 фев '18 в 05:25
1
ответ
Невозможно нарисовать линии с помощью аниме JS
У меня проблемы с созданием большего количества путей с помощью библиотеки аниме. Я создал текст в иллюстраторе abode и преобразовал его в контуры рисованной линии аниме. Я вижу, что я могу создать 6 символов, но больше 6 не отображаются. Мой код &l…
15 мар '18 в 10:46
1
ответ
Остановить анимацию, если она идет по внутренней ссылке
Я использую anime.js для размещения анимации на моей домашней странице. Однако я хочу, чтобы эта анимация появлялась только тогда, когда пользователь приходит из внешнего источника (а не из внутренней ссылки, такой как страница контактов моего веб-с…
10 дек '18 в 17:34
1
ответ
Как масштабировать SVG-путь для функции motionpath anime.js?
Я использую anime.js для анимации SVG-круга вдоль SVG-пути с помощью функции motionPath. Все работает, кроме как я не могу масштабировать путь. Когда я применяю стиль CSS или заключаю путь в элемент div, видимый путь изменяется, но функция все еще и…
29 дек '18 в 19:54
0
ответов
Как мне сохранить мою v-модель после того, как JQuery заменит мою DOM?
Я пытаюсь создать графику движения для OBS, и мне нужно создать ее на основе чего-то, что можно изменить на лету. Я обычно работаю с After Effects/JavaScript, а не с HTML/CSS. Я использую Vue, чтобы сделать это, я попытался сшить несколько кодов, ко…
10 янв '19 в 14:38
1
ответ
SVG путь следует перевернутым и повернутым + не следует пути
Я пытаюсь использовать AnimeJS, чтобы div следовал по пути. Есть две проблемы: Объект не следует точно по пути SVG Путь, по которому он идет, выглядит повернутым и перевернутым Я разработал решение для проблемы № 2, чтобы добавить CSS в SVG: transfo…
11 фев '19 в 12:52
0
ответов
AnimeJS Motion Path - заставляет элемент следовать SVG-пути, давая нежелательный результат
Я пытаюсь заставить оранжевый маркер следовать курсу трассы RC-автомобилей, используя элемент SVG и библиотеку AnimeJS. Но независимо от того, что я пытаюсь, я получаю действительно странные и нежелательные результаты. Иногда я вижу маркер, следующи…
17 фев '19 в 14:17
5
ответов
Anime.js, как отменить эту анимацию?
Недавно я начал работать с Anime.js, чтобы анимировать свои проекты, и я застрял в этом некоторое время, держу пари, что для многих это очень просто! У меня есть кнопка, которая увеличивает мой div и я бы хотел вернуть div в исходное состояние, если…
22 май '18 в 10:02
0
ответов
Anime.js - Обновление морфируемого пути по клику для Safari 6
Обновление морфируемого пути по клику. Путь находится в массиве. Это работает для всех браузеров, но НЕ в Safari 6. В этой версии safari путь только анимируется при загрузке страницы. Не когда я нажимаю на кнопку. HTML <div class="js-button" data…
13 фев '18 в 20:11
1
ответ
Временная шкала animejs для нескольких предметов одного класса
Я пытаюсь использовать временную шкалу animejs (относительную) для отображения одного элемента после завершения другого. Я следовал тому, что они показали в качестве примера - http://animejs.com/documentation/, но, конечно, это можно было бы сделать…
18 янв '18 в 05:32
1
ответ
Проблема с аниме JS (полная функция)
Я пытаюсь воспроизвести анимацию, упомянутую в этой ссылке. http://tobiasahlin.com/moving-letters/ Разница в том, что когда анимация исчезнет и закончится, мне нужно изменить контент и заменить его новым. Я пытался изменить текст с помощью anime js'…
26 июл '18 в 06:42
1
ответ
Как удалить элемент в anime.js?
Я новичок в anime.js. Я что-то оживляю и после завершения анимации хочу удалить элемент, который я оживляю. Анимация работает отлично. Я просто не могу удалить элемент, с которым я работаю, и я не хочу его скрывать logoTimeline .add({ targets: text1…
28 ноя '17 в 20:20
1
ответ
Как крутить элемент непрерывно, используя чистый JavaScript?
Я использовал Anime.JS, но я не хочу, чтобы эти эффекты отскакивали и ослаблялись после каждого поворота. Я просто хочу плавную анимацию непрерывного вращения... Это код, который я использовал с anime.JS: go(); function go() { var specificPropertyPa…
23 ноя '18 в 11:11
2
ответа
Как оживить мой SVG путь
У меня есть SVG, я пытаюсь анимировать с animejs. В основном это выбор пути рисования. Мне удалось оживить, но результат неправильный. Я хочу этот: var lineDrawing = anime({ targets: 'path', strokeDashoffset: [anime.setDashoffset, 0], easing: 'easeI…
16 мар '18 в 23:58
1
ответ
Anime.js - объединение временной шкалы и анимации события
Я хотел бы запустить анимацию по клику после запуска временной шкалы. Но я не могу заставить его работать. Временная шкала работает нормально, но анимация по клику - нет. Любая идея о том, как заставить это работать должным образом? HTML: <sectio…
20 окт '18 в 21:07