Baseline Widely available
Die HTMLCanvasElement.width-Eigenschaft ist ein positiver integer, der das width-HTML-Attribut des <canvas>-Elements widerspiegelt und in CSS-Pixeln interpretiert wird. Wenn das Attribut nicht angegeben ist oder auf einen ungültigen Wert, wie eine negative Zahl, gesetzt wird, wird der Standardwert 300 verwendet.
Das Setzen der width-Eigenschaft setzt den gesamten Rendering-Kontext auf seinen Standardzustand zurück. Dies umfasst das Löschen der Leinwand (Backing Buffer), das Zurücksetzen des aktuellen Pfades und das Zurücksetzen aller Eigenschaften wie fillStyle und globalCompositeOperation. Dieser Reset tritt bei allen Kontexttypen auf und tritt sogar ein, wenn width auf seinen aktuellen Wert gesetzt wird. Um den vorherigen Inhalt nach einer Ãnderungs des width wiederherzustellen, verwenden Sie CanvasRenderingContext2D.getImageData() und CanvasRenderingContext2D.putImageData(). Kontext-Eigenschaften müssen separat verfolgt und wiederhergestellt werden.
Dies ist eine von zwei Eigenschaften, die andere ist HTMLCanvasElement.height, die die GröÃe der Leinwand kontrollieren.
Eine Zahl.
BeispieleFür dieses <canvas>-Element:
<canvas id="canvas" width="300" height="300"></canvas>
Sie können die Breite der Leinwand mit dem folgenden Code abfragen:
const canvas = document.getElementById("canvas");
console.log(canvas.width); // 300
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4