onAfterResize
在容器或拖动目标尺寸改变且可拖动值已更新后,执行一个函数。
这可用于在容器尺寸改变时更新被拖动元素的位置。
接受
一个 Function
,其第一个参数是可拖动元素本身
默认值
noop
onAfterResize 代码示例
import { createDraggable, utils } from 'animejs';
const [ $value ] = utils.$('.value');
let resizes = 0;
const draggable = createDraggable('.square', {
container: '.grid',
onAfterResize: self => {
$value.textContent = ++resizes;
self.animateInView(1000, 30);
}
});
<div class="iframe-content resizable">
<div class="large padded grid square-grid">
<pre class="large log row">
<span class="label">resizes</span>
<span class="value">0</span>
</pre>
<div class="square draggable"></div>
</div>
</div>