释放缓动

指定在释放、触发吸附事件或被拖出边界后重新定位时,应用于被拖拽元素的自定义缓动函数。

接受

ease

传入 spring() 将会覆盖 Draggable 的 releaseMassreleaseStiffnessreleaseDamping 参数。spring() 中的 velocity 参数将无效,并会被被拖拽元素的实际速度所取代。

默认值

eases.outQuint

releaseEase 代码示例

import { createDraggable, spring } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  releaseEase: 'outElastic',
});

createDraggable('.circle', {
  container: '.grid',
  releaseEase: spring({
    stiffness: 150,
    damping: 15,
  })
});
<div class="large centered grid square-grid">
  <div class="square draggable"></div>
  <div class="circle draggable"></div>
</div>