This module allows snapping of the edges of targets during resize interactions.
interact(target).resizable({
snapEdges: {
targets: [interact.snappers.grid({ x: 100, y: 50 })],
},
});
interact(target).resizable({
snapEdges: {
targets: [
interact.snappers.grid({
top: 50,
left: 50,
bottom: 100,
right: 100,
}),
],
},
});
- Source:
interact(target).resizable({
snapEdges: {
targets: [interact.snappers.grid({ x: 100, y: 50 })],
},
});
interact(target).resizable({
snapEdges: {
targets: [
interact.snappers.grid({
top: 50,
left: 50,
bottom: 100,
right: 100,
}),
],
},
});