setX()
手动设置可拖拽目标的 x 位置。
当未定义 muteCallback 参数时,等同于直接更新 draggable.x。
参数
| 名称 | 类型 | 描述 |
|---|---|---|
| x | 数字 |
新的 x 值 |
| muteCallback(可选) | 布尔值 |
如果设为 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>