Drag

Drag:-

drag() API is used to define drag interactions on the layer. It extends the dom events to facilitate drag behavior. Drag interactions consist of 3 actions - dragStart, drag, dragEnd.

Syntax:

let dragInstance = i2d.behaviour.drag()

dragStart: Triggered on drag starts.

dragInstance.dragStart(function(event){

})

drag: Triggered continuously on drag. It will be triggered after dragStart till dragEnd.

dragInstance.drag(function(event){

})

dragEnd: Triggered once on drag ends.

dragInstance.dragEnd(function(event){

})

Usage:

let dragInstance = i2d.behaviour.drag()
dragInstance.dragStart(function (event) {
    node.setAttr('transform', event.transform);
});
dragInstance.drag(function (event) {
    node.setAttr('transform', event.transform);
});
dragInstance.dragEnd(function (event) {
    node.setAttr('transform', event.transform);
});

node.on('drag', dragInstance);