Latest web development tutorials

clearRect()メソッドキャンバスHTML

HTMLキャンバスリファレンスマニュアル 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);

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートclearRect()メソッド。

注:のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。


定義と使用法

clearRect()メソッドは、矩形内のピクセルの空のセットを指定します。

JavaScriptシンタックス: コンテキスト.clearRect(X、Y、幅、高さ)。

パラメータ値

参数 描述
x 要清除的矩形左上角的 x 坐标。
y 要清除的矩形左上角的 y 坐标。
width 要清除的矩形的宽度,以像素计。
height 要清除的矩形的高度,以像素计。


HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル