#この記事の動作環境:Windows7システム、HTML5&&CSS3バージョン、DELL G3パソコンhtml5キャンバスクリアキャンバス方式キャンバスをクリアする 3 つの方法: 1. 最も簡単な方法: キャンバスの高さまたは幅がリセットされるたびにキャンバスのコンテンツがクリアされるため、次の方法を使用してクリアできます。 :html5 キャンバスをクリアする方法: 1.「clearCanvas」メソッドを使用してキャンバスをクリアします; 2.clearRect メソッドを使用してキャンバスをクリアします; 3.キャンバスを特定の色で塗りつぶしてキャンバスをクリアします。
function clearCanvas() { var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); c.height=c.height; }
function clearCanvas() { var cxt=document.getElementById("myCanvas").getContext("2d"); cxt.clearRect(0,0,c.width,c.height); }
function clearCanvas() { var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#000000"; cxt.beginPath(); cxt.fillRect(0,0,c.width,c.height); cxt.closePath(); }
HTML ビデオ チュートリアル >>
以上がHTML5でキャンバスをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。