HTML canvas clearRect()メソッド

Canvas 对象参考手册Canvas オブジェクト

例

指定された矩形内の矩形をクリアする：

YourbrowserdoesnotsupporttheHTML5canvastag.

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);

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome および Safari は clearRect() メソッドをサポートしています。

注意：Internet Explorer 8 以前のバージョンは `<canvas>` 要素をサポートしていません。

定義と使用方法

clearRect() メソッドは、指定された矩形内の指定されたピクセルをクリアします。

JavaScript 構文： context.clearRect(x,y,width,height);

パラメータ値

パラメータ 説明
x クリアする矩形の左上隅の x 座標。
y クリアする矩形の左上隅の y 座標。
width クリアする矩形の幅（ピクセル単位）。
height クリアする矩形の高さ（ピクセル単位）。

Canvas 对象参考手册Canvas オブジェクト

その他の拡張