HTML-Canvas strokeRect()Methode

Beispiel

Zeichnen Sie ein Rechteck mit 150*100 Pixeln:

JavaScript：

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

Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die strokeRect()-Methode.

Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.

Die strokeRect()-Methode zeichnet ein Rechteck (ohne Füllung). Die Standardfarbe der Kontur ist Schwarz.

Tipp:Verwenden Sie diestrokeStyleEigenschaft, um die Farbe, den Farbverlauf oder das Muster des Strichs festzulegen.

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

Parameter	Beschreibung
x	Die x-Koordinate der oberen linken Ecke des Rechtecks.
y	Die y-Koordinate der oberen linken Ecke des Rechtecks.
width	Die Breite des Rechtecks in Pixeln.
height	Die Höhe des Rechtecks in Pixeln.