拖拽速度

指定一个影响元素拖拽速度的值。值越大,元素移动越快。0 会阻止元素被拖拽,小于 0 的值则会反转拖拽方向。

接受

  • 一个 Number 类型
  • 一个返回 Number 类型的 Function

当使用 Function 定义时,每当容器或目标元素尺寸改变时,该值将自动刷新。
它也可以通过使用 refresh() 方法手动刷新。

默认值

1

dragSpeed 代码示例

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  dragSpeed: 2,
});

createDraggable('.circle', {
  container: '.grid',
  dragSpeed: .5,
});
<div class="large centered grid square-grid">
  <div class="square draggable"></div>
  <div class="circle draggable"></div>
</div>