tutorial pengembangan web terbaru
 

HTML canvas clearRect() Method

<Canvas Object

Contoh

Membersihkan persegi panjang dalam persegi panjang yang diberikan:

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);
Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
clearRect() 4.0 9.0 3.6 4.0 10.1

Definisi dan Penggunaan

The clearRect() metode membersihkan piksel tertentu dalam persegi panjang yang diberikan.

sintaks JavaScript: context . clearRect( x,y,width,height ) ;

Nilai parameter

Parameter Deskripsi Mainkan
x Koordinat x dari sudut kiri atas persegi panjang untuk menghapus Mainkan "
y Y koordinat sudut kiri atas persegi panjang untuk menghapus Mainkan "
width Lebar persegi panjang untuk membersihkan, dalam piksel Mainkan "
height Ketinggian persegi panjang untuk membersihkan, dalam piksel Mainkan "
<Canvas Object