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 strokeRect() Method

Beispiel

Zeichnet ein 150 * 100 Pixel Rechteck:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(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
strokeRect()	4.0	9.0	3.6	4.0	10.1

Definition und Verwendung

Die strokeRect() Methode zeichnet ein Rechteck (no fill) . Die Standardfarbe des Hubs ist schwarz.

Tip: Verwenden Sie die stroke Eigenschaft eine Farbe, Farbverlauf einzustellen, oder Muster den Hub stylen.

JavaScript-Syntax:	context . strokeRect( 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 "