setX()
手动设置可拖动目标的x位置。
在未定义muteCallback参数时,相当于直接更新draggable.x。
参数
| 名称 | 类型 | 描述 |
|---|---|---|
| x | Number |
新的 x 值 |
| muteCallback(opt) | Boolean |
如果 true,将阻止 onUpdate 回调触发(默认 false) |
返回
可拖动对象本身
setX() 代码示例
import { createDraggable, utils } from 'animejs';
const [ $setButton ] = utils.$('.set');
const draggable = createDraggable('.square');
const setRandomX = () => draggable.setX(utils.random(-100, 100));
$setButton.addEventListener('click', setRandomX);
<div class="large centered row">
<div class="square draggable"></div>
</div>
<div class="large row">
<fieldset class="controls">
<button class="button set">Set random x</button>
</fieldset>
</div>