使用 Fabric.js 和 Fabric-brush.js 在绘图板上撤消和重做

Question

我用 Fabric.js 和 Fabric-brush.js 开发了一个绘图板。当我添加撤消和重做功能时，它们不起作用。但是当我不参考fabric-brush.js时它们可以工作。那么如何让fabric-brush.js 的Spray Brush 功能和Undo 和Redo 功能结合起来呢？

这是它的 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. 面料历史