HTML5 canvas clearRect メソッド
 HTML5 canvas リファレンス
例
100 * 50ピクセルの矩形内のすべてのピクセルを消去します:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.fillStyle="yellow";
ctx.fillRect(40,40,150,100);
ctx.strokeRect(30,10,150,100);
ctx.clearRect(20,20,100,50);
Try it yourself »
定義と用法
clearRect メソッドは、指定した矩形内のすべてのピクセルを消去します。
clearRect メソッドは、4つのパラメータ (x,y,w,h) を取ります。
最初の2つのパラメータは、キャンバスの消去を開始する位置の x 座標と y 座標を表しています。
最後の2つのパラメータは、消去する矩形の大きさ（幅と高さ）を表します。
| JavaScript 構文: |
context.clearRect(x,y,width,height); |
ブラウザ・サポート
clearRect メソッドは、主要な全ブラウザがサポートしています。
パラメータ値
| パラメータ |
値 |
説明 |
Play it |
| x |
x-coordinate |
矩形の左上隅を配置するキャンバスの x 座標 |
Play it » |
| y |
y-coordinate |
矩形の左上隅を配置するキャンバスの y 座標 |
Play it » |
| width |
width |
矩形の幅（ピクセル単位） |
Play it » |
| height |
height |
矩形の高さ（ピクセル単位） |
Play it » |
HTML5 canvas リファレンス
|