HTML canvas fill () metode
contoh
Menggambar persegi panjang 150 * 100 piksel, kemudian mengisinya dengan warna merah untuk memberikan:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Coba »
Dukungan Browser
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