Анимация холста
Я делаю сценарий графика с помощью холста, я добавляю анимацию к диаграмме, но мне не нравится способ, которым это - взгляд, я использую setInterval для X высот добавления функции к прямоугольнику для создания столбиковой диаграммы, например, но я хочу анимацию больше жидкости, другой путь состоит в том, чтобы сделать анимацию?
1 ответ
Я предполагаю, что у вас есть прямоугольники с начальной высотой 0, и вы увеличиваете высоту за интервал, пока не достигнете заданного значения ... и что вы хотите сделать анимацию «более плавной»?
Чтобы сделать его более плавным, вы просто уменьшите второй параметр setInterval [delay], чтобы первый параметр [вызываемая функция] вызывал больше ...
Кроме того, вы можете добавить анимацию движения с замедлением в конце по формуле
rect.h = (rect.h * N + targetHeight) / (N + 1) ... где N> 1 ...
Так что сначала планка сильно вырастает, а затем, в конечном итоге, замедляет рост до целевой высоты.