Ability to Snap Only Center of Objects

daybrush / moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

https://daybrush.com/moveable/

MIT License

10.11k stars 617 forks source link

Ability to Snap Only Center of Objects #511

Closed onurbozkurt closed 2 years ago

onurbozkurt commented 3 years ago

Environments

Framework name: VanillaJS
Framework version:
Moveable Component version: 0.26.0
Testable Address(optional): https://daybrush.com/moveable/storybook/index.html?path=/story/use-snap-bounds-with-ables--snap-guidelines-elements

Description

There is an option for snap to enable/disable center snap via 'snapCenter'. It would be nice to only enable snap center with an option like 'snapEdges'.

Thanks.

daybrush commented 3 years ago

@onurbozkurt

moveable 0.27.0
react-moveable 0.30.0
preact-moveable 0.29.0
ngx-moveable 0.23.0
svelte-moveable 0.18.0
lit-moveable 0.4.0
vue-moveable 2.0.0-beta.2
vue3-moveable 0.2.0

moveable's new version is released.

new Moveable(..., {
     snapDirections: { center: true, middle: true },
     elementSnapDirections: { top: true, bottom: true, right: true, left: true },
});