Metode clearRect() Canvas
Definisi dan penggunaan
clearRect() Metode kosongkan pixel yang ditentukan didalam persegi yang diberikan.
Contoh
Kosongkan persegi didalam persegi yang diberikan:
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);
Sintaks
context.clearRect(x,y,width,height);
Nilai parameter
| Parameter | Penerangan |
|---|---|
| x | Koordinat x yang diatas kiri persegi yang akan disediakan |
| y | Koordinat y yang diatas kiri persegi yang akan disediakan |
| width | Lebar persegi panjang yang akan disesuaikan, diukur dalam piksel |
| height | Ketinggian persegi panjang yang akan disesuaikan, diukur dalam piksel |
Dukungan Pem/lihat Browser
Angka di dalam tabel menunjukkan versi paling awal penuh yang mendukung sifat ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi yang lebih awal tidak mendukung elemen <canvas>.
