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>