Latest web development tutorials

HTML-Leinwand strokeRect () -Methode

Canvas Object Reference Canvas - Objekt

Beispiele

Zeichnen Sie ein Rechteck 150 * 100 Pixel:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome und Safari Unterstützung strokeRect () -Methode.

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


Definition und Verwendung

strokeRect () -Methode ein Rechteck (keine Füllung) zu zeichnen. Die Standardfarbe ist schwarz Schlaganfällen.

Tipp: Verwenden Sie stroke Eigenschaft die Strichfarbe, Farbverlauf oder Muster zu setzen.

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

Parameter Wert

参数 描述
x 矩形左上角的 x 坐标。
y 矩形左上角的 y 坐标。
width 矩形的宽度,以像素计。
height 矩形的高度,以像素计。


Canvas Object Reference Canvas - Objekt