Najnowsze tutoriale tworzenie stron internetowych

×

JavaScript Odniesienie

JavaScript

JS Strunowy JS Numer JS operatorzy JS Sprawozdania JS Matematyka JS Data JS Szyk JS Boolean JS RegExp JS Światowy JS Konwersja

Przeglądarka BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elementy DOM Atrybuty DOM Wydarzenia DOM Styl

HTML Przedmioty

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

Inne obiekty

CSSStyleDeclaration

HTML canvas fillRect() Method

<Płótno Przedmiot

Przykład

Narysować wypełnioną 150 * 100 pikseli prostokąt:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
fillRect()	4.0	9.0	3.6	4.0	10,1

Definicja i Wykorzystanie

fillRect() Metoda opiera się "filled" prostokąt. Domyślnym kolorem wypełnienia jest czarny.

Tip: Użyj fillStyle właściwość, aby ustawić kolor, gradient lub wzór używany do wypełnienia rysunek.

Składnia JavaScript:	context . fillRect( x,y,width,height ) ;

wartości parametrów

Parametr	Opis	Graj
x	Współrzędnej x górnego lewego narożnika prostokąta	Graj "
y	Współrzędnej y górnego lewego narożnika prostokąta	Graj "
width	Szerokość prostokąta w pikselach	Graj "
height	Wysokość prostokąta w pikselach	Graj "

<Płótno Przedmiot