Metoden HTML canvas fill()
Definisi dan penggunaan
fill() Metoden mengisi gambar saat ini (jalur). Warna default adalah hitam.
Panduan:Silakan gunakan fillStyle aturan untuk mengisi warna lain/penampang.
Keterangan:Jika jalur belum ditutup, maka fill() Metoden akan menambahkan garis diantara titik akhir jalur dan titik awal, untuk menutup jalur ini, lalu mengisi jalur ini.
Contoh
Menggambar persegi panjang berukuran 150*100 pixel, dan kemudian warnai dengan merah:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Sintaks
context.fill();
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
| 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 sebelumnya tidak mendukung elemen <canvas>.
