Metode clearRect() kanvas HTML

Referensi Kanvas HTML

Contoh

Hapus persegi panjang dalam persegi panjang yang diberikan:

Peramban Anda tidak mendukung kanvas HTML5.

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

Dukungan Peramban

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

Method
clearRect() Yes 9.0 Yes Yes Yes

Definisi dan Penggunaan

Metode clearRect() membersihkan piksel yang ditentukan dalam persegi panjang tertentu.

Sintaks JavaScript: konteks .clearRect( x,y,lebar,tinggi );

Nilai Parameter

Parameter Description Play it
x The x-coordinate of the upper-left corner of the rectangle to clear
y The y-coordinate of the upper-left corner of the rectangle to clear
width The width of the rectangle to clear, in pixels
height The height of the rectangle to clear, in pixels

Referensi Kanvas HTML