tutorial pengembangan web terbaru
 

HTML canvas fillRect() Method

<Canvas Object

Contoh

Menggambar diisi 150 * 100 piksel persegi panjang:

YourbrowserdoesnotsupporttheHTML5canvastag.

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