HTML5キャンバス「クリアキャンバス」ボタンを作成する適切な方法

Question

私はドローアプリを作成しており、クリアボタンと機能を使用しています。しかし、キャンバスをクリックして何かを再描画すると、古い図面がポップアップします。私は何らかの復元をする必要があることを知っていますが、私はそれについてどうやって行くのか分かりません。ご協力いただきありがとうございます。 HTML

Javascriptを

function init(){ 
    canvas = document.getElementById('board'); 
    context = canvas.getContext('2d'); 

    canvas2 = document.getElementById('board2'); 
    context2 = canvas2.getContext('2d'); 

} 

function clearall() 
{ 

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

} 

Answer 1

はちょうどそれをクリアするためにキャンバスに白い四角形を描画します。

context.beginPath(); 
context.rect(0,0,canvas.width,canvas.height); 
context.fillStyle = "#FFF"; 
context.fill();