onAfterResize

在容器或拖动目标尺寸更改且可拖动值已更新后，执行一个函数。
如果容器尺寸已更改，这可以用于更新拖动元素的位置。

接受

一个函数，其第一个参数返回可拖动对象本身

默认值

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>

上一个 下一个

onResize
Draggable 方法