setX()
手动设置 draggable 目标的 x
位置。
等同于在未定义 muteCallback
参数时直接更新 draggable.x
。
参数
名称 | 类型 | 描述 |
---|---|---|
x | 数字 |
新的 x 值 |
muteCallback(可选) | 布尔值 |
如果为 true ,则阻止 onUpdate 回调触发(默认为 false ) |
返回值
draggable 自身
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>