Group

Moveable. Group

Source:
You can make targets moveable.

Members

hideChildMoveableDefaultLines

Source:
Default Value:
  • false
Whether to hide the line in child moveable for group corresponding to the rect of the target.
Example
import Moveable from "moveable";

const moveable = new Moveable(document.body, {
  target: [].slice.call(document.querySelectorAll(".target")),
  hideChildMoveableDefaultLines: false,
});

moveable.hideChildMoveableDefaultLines = true;

defaultGroupRotate

Source:
Default Value:
  • 0
Sets the initial rotation of the group.
Example
import Moveable from "moveable";

const moveable = new Moveable(document.body, {
  target: [].slice.call(document.querySelectorAll(".target")),
  defaultGroupRotate: 0,
});

moveable.defaultGroupRotate = 40;

defaultGroupOrigin

Source:
Default Value:
  • 0
Sets the initial origin of the group.
Example
import Moveable from "moveable";

const moveable = new Moveable(document.body, {
  target: [].slice.call(document.querySelectorAll(".target")),
  defaultGroupOrigin: "50% 50%",
});

moveable.defaultGroupOrigin = "20% 40%";

Type Definitions

GroupableOptions

Source:
Properties:
Default Value: 0
defaultGroupRotate?: number
Sets the initial rotation of the group.
Default Value: false
useDefaultGroupRotate?: boolean
Use the defaultGroupRotate even if the children's rotations match.
Default Value: "50% 50%"
defaultGroupOrigin?: string
Sets the initial transform origin of the group.
targetGroups optional
targetGroups?: MoveableTargetGroupsType
Default Value: false
hideChildMoveableDefaultLines?: boolean
Whether to hide the line in child moveable for group corresponding to the rect of the target.
groupableProps optional
groupableProps?: Record<string, any>
Props that work when group
Examples
```js
{
    roundable: true,
    groupableProps: {
        roundable: false,
    },
}
```
Type:
  • TSInterface