使用Fabric js重做裁剪功能

时间:2018-02-12 14:35:17

标签: javascript jquery html5-canvas fabricjs

重现的步骤

使用Fabric js处理图像应用程序。一个功能是能够裁剪图像然后撤消和重做裁剪。

预期行为

选择重做裁剪时,应再次裁剪图像。

实际行为

选择重做裁剪时,图像不会再次裁剪,但会裁剪用于指导裁剪的矩形。

以下是完整代码的小提琴:http://jsfiddle.net/Da7SP/835/

下面是重做裁剪功能代码。

有人可以建议如何克服这个重做作物问题吗?

谢谢。

var redoCrop = function() {
    if(config.redoFinishedStatus){
        if (config.canvasState.length > config.currentStateIndex &&  config.canvasState.length != 0){
            config.redoFinishedStatus = 0;
            config.redoStatus = true;
            canvas.loadFromJSON(config.canvasState[config.currentStateIndex+1], function(){
                var jsonData = JSON.parse(config.canvasState[config.currentStateIndex+1]);
                canvas.renderAll();
                config.redoStatus = false;
                config.currentStateIndex += 1;
                config.redoFinishedStatus = 1;
            });
         }
     }
 } 

0 个答案:

没有答案