How to set drag limit of canvas object in fabric js?

See more:

Javascript

Hello Team,

I want to set drag limit of canvas object so it not
move outside of clip area.Here my clip area is shape
so please help me.






Thanks & Regards,
Rajeev Rahi

What I have tried:

canvas.on ("object:moving", function (event) {
var el = event.target;

// suppose el coords is center based

el.left = el.left < el.getBoundingRectWidth() / 2 ? el.getBoundingRectWidth() / 2 : el.left;
el.top = el.top < el.getBoundingRectHeight () / 2 ? el.getBoundingRectHeight() / 2 : el.top;

var right = el.left + el.getBoundingRectWidth() / 2;
var bottom = el.top + el.getBoundingRectHeight() / 2;

el.left = right > canvas.width - el.getBoundingRectWidth() / 2 ? canvas.width - el.getBoundingRectWidth() / 2 : el.left;
el.top = bottom > canvas.height - el.getBoundingRectHeight() / 2 ? canvas.height - el.getBoundingRectHeight() / 2 : el.top;
});

But work in rectangel case