interpolate

interpolate là một hàm giúp chuyển đổi giá trị từ một khoảng giá trị sang một khoảng giá trị khác.

Ví dụ

interpolate thường đi kèm với createAnimated và easings. Hãy xem ví dụ tại hàm easings. Hoặc xem ví dụ đơn giản dưới đây:

import { interpolate } from '@xobuilder/utils';

// Khi ta scroll từ đầu trang tới cuối trang thì rotate sẽ chuyển từ 0 đến 360
window.addEventListener('scroll', () => {
  const rotate = interpolate({
    value: window.scrollY,
    inputRange: [0, document.body.offsetHeight - window.innerHeight],
    outputRange: [0, 360],
  });
  console.log(rotate);
});