releaseEase
指定在释放拖动元素后、发生吸附事件时或拖出边界重新定位时应用的自定义缓动效果。
接受
传入 spring() 会覆盖 draggable releaseMass、 releaseStiffness 和 releaseDamping 参数。spring() 的 velocity 参数无效,会被拖动元素的实际速度取代。
默认
缓出五次方
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>