Contoh
Menggambar diisi 150 * 100 piksel persegi panjang:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
metode | |||||
---|---|---|---|---|---|
fillRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The fillRect() metode menggambar "filled" persegi panjang. Warna default dari fill berwarna hitam.
Tip: Gunakan fillStyle properti untuk mengatur warna, gradien, atau pola yang digunakan untuk mengisi gambar.
sintaks JavaScript: | context . fillRect( x,y,width,height ) ; |
---|
Nilai parameter
Parameter | Deskripsi | Mainkan |
---|---|---|
x | Koordinat x dari sudut kiri atas persegi panjang | Mainkan " |
y | Y koordinat sudut kiri atas persegi panjang | Mainkan " |
width | Lebar persegi panjang, dalam piksel | Mainkan " |
height | Ketinggian persegi panjang, dalam piksel | Mainkan " |
<Canvas Object