拖拽速度
指定一个影响元素拖拽速度的值。值越大,元素移动越快。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>