HTML5でキャンバスをクリアする3つの方法

この記事では、HTML5 でキャンバスをクリアする方法 (3 つの方法) を主に紹介します。これを参考として共有します。エディターに従って見てみましょう

キャンバスをクリアする 3 つの方法をまとめます:

1. 最も簡単な方法: キャンバスの高さまたは幅がリセットされるたびに、キャンバスの内容がクリアされます。クリアするには次のメソッドを使用します:

function clearCanvas<span style="font-family: Verdana, Arial, 宋体;">()</span>  
{  
    var c=document.getElementById("myCanvas");  
    var cxt=c.getContext("2d");  
    c.height=c.height;  
}

2. clearRect メソッドを使用します:

function clearCanvas()  
{  
    var c=document.getElementById("myCanvas");  
    var cxt=c.getContext("2d");  
    cxt.clearRect(0,0,c.width,c.height);  
}

3. メソッド 2 と同様に、クリアの目的を達成するためにキャンバスを特定の色で塗りつぶすことができます:

りー

以上がHTML5でキャンバスをクリアする3つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。