HTML Canvas lineWidth Eigenschaft

Definition und Verwendung

lineWidth Eigenschaft, um die Breite der aktuellen Linie in Pixeln zu setzen oder zurückzugeben.

Beispiel

Zeichnen Sie einen Rechteck mit einer Linienbreite von 10 Pixeln:

Ihr Browser unterstützt das canvas-Tag nicht.

JavaScript:

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

Versuchen Sie es selbst

Syntax

context.lineWidth=number;

Attributwert

Wert Beschreibung
number Die aktuelle Linienbreite in Pixeln.

Technische Details

Standardwert: 1

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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