En son web geliştirme öğreticiler

×

JavaScript Referans

JavaScript

JS sicim JS Numara JS Operatörler JS tablolar JS Matematik JS tarih JS Dizi JS Boole JS RegExp JS global JS dönüştürme

Tarayıcı BOM

Window Navigator Screen History Location

HTML DOM

DOM belge DOM Elementler DOM Nitelikler DOM Olaylar DOM stil

HTML Nesneler

<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>

Diğer Nesneler

CSSStyleDeclaration

HTML canvas fill() Method

Örnek

150 * 100 piksel dikdörtgen çizin ve kırmızı renk ile doldurun:

JavaScript:

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

Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Yöntem
fill()	4.0	9.0	3.6	4.0	10.1

Tanımı ve Kullanımı

fill() metodu mevcut çizim doldurur (path) . Varsayılan renk siyahtır.

Tip: kullan fillStyle başka bir renk / degrade ile doldurmak için özellik.

Note: yolu kapalı değilse, fill() metodu yolunu kapatmak için yolun startpoint son noktadan bir çizgi katacak (like closePath() ) ve ardından yolu doldurun.

JavaScript sözdizimi:	context . fill( ) fill( ) ;