Latest web development tutorials

HTML canvas fill () metode

Pedoman kanvas Referensi HTML Pedoman kanvas Referensi HTML

contoh

Menggambar persegi panjang 150 * 100 piksel, kemudian mengisinya dengan warna merah untuk memberikan:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan fill () metode.

Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.


Definisi dan Penggunaan

mengisi () metode mengisi gambar ini (jalan). Warna default hitam.

Tip: Gunakan fillStyle properti untuk mengisi warna lain / gradien.

Catatan: Jika jalan tidak ditutup, metode mengisi () untuk menambahkan path ke titik akhir garis antara titik awal untuk menutup jalan (sebagai closePath () sama), kemudian mengisi jalan.

sintaks JavaScript: konteks .fill ( );


Pedoman kanvas Referensi HTML Pedoman kanvas Referensi HTML