例
与えられた矩形内の矩形をクリアします。
JavaScriptを:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
方法 | |||||
---|---|---|---|---|---|
clearRect() | はい | 9.0 | はい | はい | はい |
定義と使用法
clearRect()メソッドは、指定された矩形内に指定されたピクセルをクリアします。
JavaScriptシンタックス: | context.clearRect(x,y,width,height); |
---|
パラメーター値
パラメーター | 説明 | それを再生します |
---|---|---|
x | クリアする矩形の左上隅のx座標 | それを再生します» |
y | クリアする矩形の左上隅のy座標 | それを再生します» |
width | ピクセル単位でクリアする矩形の幅、 | それを再生します» |
height | ピクセル単位でクリアする矩形の高さ、 | それを再生します» |