Fabric.jsでCanvas Modified Eventを使用していますか？

Question

Fabric.jsには、object：modifiedのようなオブジェクト変更イベントがあります。私たちはキャンバス全体に似たイベントを持っていますか？

実際には、元に戻す機能とやり直し機能を実装しようとしています。何かが発生した場合にキャンバスをJSONとして保存しています。また、アンドゥ機能のために再びキャンバスを読み込んでいます。

私たちはFabric.jsのこの機能のためのよりよい解決策を持っていますか？

Answer 1

これは、linkでよりよく説明されています。この方法で使用してください：

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

Answer 2

追加/削除されたオブジェクトも確認してください。

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

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