snap

将两个轴或一个特定轴的最终值四舍五入到最接近的指定增量。
如果提供一个 Array 作为增量,它将从数组中选择最接近的值。

接受

  • 数字
  • 数字数组
  • 返回上述任何类型值的 Function

当使用 Function 定义时,每次容器或目标元素调整大小时,该值将自动刷新。
也可以使用 refresh() 方法手动刷新。

默认值

0

snap 代码示例

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  snap: 56, // Global to both x and y
  x: { snap: [0, 200] }, // Specific to x 
});
<div class="large grid square-grid">
  <div class="square draggable"></div>
</div>