Canvas fabric.js renderAllで白い画面が表示されます

Question

写真編集用ウェブページを作成しました。この問題はと深刻です。です。

以下のように、元に戻す/やり直すコードを作成しました。白色プロセスとフルスクリーンをクリア

state = Stack.pop(); 
    canvas.fabric.loadFromJSON(state, function() { 
    canvas.fabric.renderAll(); 
    }); 

そしてが示され、それは多くの人々を離れてプッシュします。

これを削除して別のキャンバスにすることはできますが、その場合はウェブページ全体の構造を変更する必要があります。

fabric.jsには、簡単に作成できる機能はありますか？

例）display-previous-while-renderingですか？

Answer 1

最新のファブリックでは、キャンバスをフラッシュしないようにすることができます。 最新（2.0.0beta5）を使用できない場合は、次のようにします。

renderAll this.renderOnAddRemove下のブール状態を有する

fabric.StaticCanvas.prototype.clear = function() { 
    this._objects.length = 0; 
    this.backgroundImage = null; 
    this.overlayImage = null; 
    this.backgroundColor = ''; 
    this.overlayColor = ''; 
    if (this._hasITextHandlers) { 
    this.off('mouse:up', this._mouseUpITextHandler); 
    this._iTextInstances = null; 
    this._hasITextHandlers = false; 
    } 
    this.clearContext(this.contextContainer); 
    this.fire('canvas:cleared'); 
    this.renderOnAddRemove && this.requestRenderAll(); 
    return this; 
}; 

、falseにブールloadFromJson・プロセス・セットので、キャンバスのフラッシュをすることはありません。