最新のWeb開発のチュートリアル
 

HTML canvas clearRect() Method

<HTMLキャンバスリファレンス

与えられた矩形内の矩形をクリアします。

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);
»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
clearRect() はい 9.0 はい はい はい

定義と使用法

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

JavaScriptシンタックス: context.clearRect(x,y,width,height);

パラメーター値

パラメーター 説明 それを再生します
x クリアする矩形の左上隅のx座標 それを再生します»
y クリアする矩形の左上隅のy座標 それを再生します»
width ピクセル単位でクリアする矩形の幅、 それを再生します»
height ピクセル単位でクリアする矩形の高さ、 それを再生します»

<HTMLキャンバスリファレンス