CODEWITHSUNDEEP
eventshtml5-canvasfabricjsundo-redo
user2571818
user2571818

Reputation: 283

Do we have canvas Modified Event in Fabric.js?

In Fabric.js we have Object modified events like object:modified. Do we have similar event for the entire canvas.

Actually I am trying to implement undo and redo features. I am saving the canvas as JSON if something happens on it and loading it again for undo feature.

Do we have any better solution for this features in Fabric.js?

Upvotes: 10

Views: 9169

Answers (2)

Tomh
Tomh

Reputation: 342

Don't forget to check for added/removed objects too. You could implement it like this:

var canvasModifiedCallback = function() {
console.log('canvas modified!');
};

canvas.on('object:added', canvasModifiedCallback);
canvas.on('object:removed', canvasModifiedCallback);
canvas.on('object:modified', canvasModifiedCallback);

Upvotes: 6

Ikrom
Ikrom

Reputation: 5123

This is better explained in this link. Use it this way:

canvas.on('object:moving', function(e) { // or 'object:added'
  var activeObject = e.target;
  console.log(activeObject.get('left'), activeObject.get('top'));
});

Upvotes: 3

Related Questions