容器
指定可拖动元素的容器，防止它被拖出定义的边界。
接受
- CSS 选择器
String用于定位HTMLElement HTMLElementArray<Number>([上, 右, 下, 左])- 一个返回
Array<Number>([上, 右, 下, 左]) 的Function
当使用 Function 定义时，每次窗口或目标元素大小调整时，该值都会自动刷新。
它也可以通过使用 refresh() 方法手动刷新。
默认值
null
容器代码示例
import { createDraggable } from 'animejs';
createDraggable('.square', {
container: '.grid',
});
createDraggable('.circle', {
container: [-16, 80, 16, 0],
});<div class="large centered grid square-grid array-container">
<div class="square draggable"></div>
<div class="circle draggable"></div>
</div>.grid.array-container::before {
opacity: 1;
top: calc(1rem);
right: calc(1rem - 1px);
bottom: calc(1rem - 1px);
left: calc(10rem);
border: 1px dotted currentColor;
box-shadow: none;
}