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 " |
<Canvas Object