tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Objek lainnya

CSSStyleDeclaration

HTML canvas fill() Method

Contoh

Menggambar persegi panjang 150 * 100 piksel, dan mengisinya dengan warna merah:

JavaScript:

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

Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
fill()	4.0	9.0	3.6	4.0	10.1

Definisi dan Penggunaan

The fill() metode mengisi gambar saat (path) . Warna default hitam.

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

Note: Jika jalan tidak ditutup, fill() metode akan menambahkan garis dari titik terakhir ke startpoint jalan untuk menutup jalan (like closePath() ), dan kemudian mengisi jalan.

sintaks JavaScript:	context . fill( ) fill( ) ;