캔버스 지우기

Question

대단한 노력에 감사드립니다! 실행 취소/다시 실행을 수행하려고합니다. loadFromJSON (...)을 사용하여 배열에 저장 한 캔바스 상태에서 캔버스를 다시 빌드합니다. 기본적으로, 내 생각은 기존 캔버스를 파괴하고 캔버스를 다시 구성하는 것입니다. 여기 내 코드가있다.

// TODO: How to destroy existing canvas?? 

    canvas = new fabric.Canvas('canvas', { 
     containerClass : 'myCanvasContainer',   
    }); 

    canvas.loadFromJSON(history[historyStep]);  

이 코드는 기존 캔버스 위에 다른 캔버스를 추가합니다. 그러나 캔버스를 파괴하고 내 JSON 데이터에서 새 캔버스를 만드는 방법이 필요합니다 (이전 캔버스를 새 캔버스로 대체).

가능한지 또는 다른 옵션이 있는지 알려주세요.

감사합니다. & 감사합니다. 수리아.

Answer 1

canvas.clear() 함수를 사용할 수 있습니다. 아주 늦게 질문에

context.clearRect(0,0,canvas.width, canvas.height); 

Answer 2

이보십시오. 바로 여기에 있습니다 :

var _Canvas = null; 
[...] 
$('#canvasid').hide(); 
if (_Canvas) 
    _Canvas.clear(); 
_Canvas = null; 
$('#canvasid').siblings('.upper-canvas').remove(); 
$('#canvasid').parent('.canvas-container').before($('#canvasid')); 
$('.canvas-container').remove(); 

Answer 3

을하지만 난 당신을 위해 일할 수 this article 발견

Answer 4

저는 canvas.dispose()을 찾고 있습니다.

더 여기 읽기 : http://fabricjs.com/docs/fabric.StaticCanvas.html#dispose