可拖拽 V4

为 DOM 元素添加可拖拽功能。

可拖拽元素通过从主 'animejs' 模块导入的 createDraggable() 方法创建

import { createDraggable } from 'animejs';

const draggable = createDraggable(target, parameters);

或作为独立模块从 'animejs/draggable' 子路径导入

import { createDraggable } from 'animejs/draggable';

参数

名称 接受
目标 CSS 选择器 | DOM 元素
参数 (可选) 一个包含可拖拽轴参数可拖拽设置可拖拽回调对象

返回

可拖拽

可拖拽代码示例

import { createDraggable } from 'animejs';

createDraggable('.square');
<div class="large row centered">
  <div class="square draggable"></div>
</div>