JQuery ослабления графики - PullRequest
3 голосов
/ 20 июля 2010

Только что нашел иллюстрацию (graphical) плагина jQuery Easing http://james.padolsey.com/demos/jquery/easing/

Что именно представляют эти графики.

Я пытался работать / анализировать Easing Plugin несколько раз, но я никогда не понимаю, как он на самом деле функционирует

Может кто-нибудь объяснить мне, как это выяснить

Ответы [ 3 ]

4 голосов
/ 20 июля 2010

Подумайте об этом следующим образом ...

  • Нижний левый угол рамки является начальной точкой анимации.
  • Правая сторона - конечная точкаанимация.Чем выше, тем дальше от начальной точки.
  • Длина низа (или вершины) показывает, сколько всего времени анимации прошло.
  • Функция замедления определяет, как анимироватьэлемент на расстоянии, превышающем заданное количество времени анимации между двумя точками, или скорость, которая равна расстоянию / времени.

Итак, если вы видите горизонтальную линию или кривая приближается к горизонтальнойтогда не будет никакой анимации (или минимальной), поскольку расстояние не изменилось с течением времени.

И чем круче линия (вверх или вниз), тем быстрее элемент перемещается на расстояние.

1 голос
/ 20 июля 2010

Это начальная скорость, средняя скорость и конечная скорость анимации.

0 голосов
/ 20 июля 2010

Прочтите абзац - он объясняет, что представляют собой графики.

...