HTML-Canvas -StrikeRect()- Methode

Zeichnen Sie ein 150*100 Pixel großes Rechteck:

JavaScript:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.

Method
strokeRect()	Yes	9.0	Yes	Yes	Yes

Die Methode strokeRect() zeichnet ein Rechteck (ohne Füllung). Die Standardfarbe des Strichs ist schwarz.

Tipp: Verwenden Sie die Eigenschaft strokeStyle , um eine Farbe, einen Farbverlauf oder ein Muster festzulegen, um den Strich zu gestalten.

JavaScript-Syntax:	Kontext .strokeRect( x,y,Breite,Höhe );

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels