2016-05-05 4 views
0

SVG для анимации некоторых вещей, и ослабление, похоже, не работает.Анимированная Snap.SVG Easing не работает

Я могу использовать «отскок», и он отлично работает, но «easeinout» просто ничего не делает, он точно такой же, как «линейный».

Неужели кто-нибудь столкнулся с этим, когда кто-то будет работать, а другой - нет? Пример моего кода ниже:

whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.easeinout); 

И

whiteCircle.animate({transform: "t250,0,s0,s0"}, 1000, mina.bounce); 

Любая помощь приветствуется!

+0

Можете ли вы показать нам остальную часть кода (как пример минимального тестирования, показывающий проблему), в идеале на jsfiddle или jsbin? Вышеприведенный код выглядит нормально, поэтому задается вопросом, есть ли проблема в другом месте. – Ian

+0

Это действительно сработало! Я думаю, потому что я перемещаю вещи довольно далеко, и довольно быстро непринужденность не так заметна, как в этом тесте, которое я делал, что может быть моей проблемой ... https://jsfiddle.net/uu1s04f7/ – KiwisTasteGood

ответ

0

Моя проблема в том, что я использовал «easeInOut» с капителями в своем фактическом коде, а не «easeinout», что также не помогло мне в том, что я быстро перемещал вещи на большие расстояния, чтобы эффект был уменьшен.

Смежные вопросы