ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5でキャンバスをクリアする3つの方法

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

黄舟
リリース: 2017-10-17 10:28:03
オリジナル
3511 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート