Gli ultimi tutorial di sviluppo web

×

JavaScript Riferimento

JavaScript

JS stringa JS Numero JS operatori JS dichiarazioni JS Matematica JS Data JS schieramento JS booleano JS RegExp JS situazione generale JS Conversione

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementi DOM attributi DOM evento DOM Stile

HTML Oggetti

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

altri oggetti

CSSStyleDeclaration

HTML canvas fillRect() Method

Esempio

Disegnare un 150 * 100 pixel riempiti rettangolo:

JavaScript:

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

Prova tu stesso "

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

Metodo
fillRect()	4.0	9.0	3.6	4.0	10.1

Definizione e l'utilizzo

Il fillRect() metodo disegna un "filled" rettangolo. Il colore di default del riempimento è nero.

Tip: Utilizzare la fillStyle proprietà per impostare un colore, una sfumatura o un pattern utilizzato per riempire il disegno.

sintassi JavaScript:	context . fillRect( x,y,width,height ) ;

valori dei parametri

Parametro	Descrizione	Gioca
x	La coordinata x dell'angolo superiore sinistro del rettangolo	Gioca "
y	La coordinata y dell'angolo superiore sinistro del rettangolo	Gioca "
width	La larghezza del rettangolo, in pixel	Gioca "
height	L'altezza del rettangolo, in pixel	Gioca "