使用 Fabric.js 和 Fabric-brush.js 在繪圖板上撤消和重做

Question

我用 Fabric.js 和 Fabric-brush.js 開發了一個繪圖板。 當我添加撤消和重做功能時，它們不起作用。 但是當我不參考fabric-brush.js時它們可以工作。 那么如何使用fabric-brush.js和撤消和重做function一起制作噴霧刷function？

這是它的 Jsfiddle 鏈接： https://jsfiddle.net/Miamiaoke/x68v7kn9/4/

這里是參考： 1.https://jsfiddle.net/Fidel90/7kmf3jz2/ 2.https://codepen.io/keerotic/pen/yYXeaR

非常感謝。

//undo and redo
canvas.on('object:added', function() {
  if (!isRedoing) {
    h = [];
  }
  isRedoing = false;
});

var isRedoing = false;
var h = [];

function undo() {
  if (canvas._objects.length > 0) {
    h.push(canvas._objects.pop());
    canvas.renderAll();
  }
}

function redo() {

  if (h.length > 0) {
    isRedoing = true;
    canvas.add(h.pop());
  }
}

Answer 1

試試這個https://github.com/lyzerk/fabric-history

進口訂單

1. 織物
2. 織物刷
3. 面料歷史