Neueste Web-Entwicklung Tutorials

×

JavaScript Referenz

JavaScript

JS Schnur JS Nummer JS Die Betreiber JS Statements JS Mathe JS Datum JS Feld JS Boolean JS RegExp JS Gesamtsituation JS Umwandlung

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokument DOM Elements DOM Attribute DOM Ereignis DOM Stil

HTML Objekte

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

Andere Objekte

CSSStyleDeclaration

HTML canvas fillRect() Method

Beispiel

Zeichnet ein gefülltes 150 * 100 Pixel Rechteck:

JavaScript:

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

Versuch es selber "

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.

Methode
fillRect()	4.0	9.0	3.6	4.0	10.1

Definition und Verwendung

Die fillRect() Methode zeichnet ein "filled" Rechteck. Die Standardfarbe der Füllung ist schwarz.

Tip: Verwenden Sie die fillStyle Eigenschaft eine Farbe zu setzen, Gradienten oder Muster verwendet , um die Zeichnung zu füllen.

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

Parameterwerte

Parameter	Beschreibung	Spiel es
x	Die x-Koordinate der linken oberen Ecke des Rechtecks	Spiel es "
y	Die y-Koordinate der linken oberen Ecke des Rechtecks	Spiel es "
width	Die Breite des Rechtecks in Pixel	Spiel es "
height	Die Höhe des Rechtecks, in Pixel	Spiel es "