Własność HTMLCanvasElement.width wyrażana jest w dodatniej liczbie całkowitej odpowiada za atrybut width elemetu HTML <canvas> i jest interpretowana w pikselach CSS. Jeśli atrybut nie został określony, lub została przypisana do niego nieprawidłowa wartość, np. negatywna, zostanie użyta domyślna wartość 300.
To jedna z dwóch własności kontrolujących wielkość <canvas>, druga z nich to HTMLCanvasElement.height.
Składnia
var pxl = canvas.width; canvas.width = pxl;
Przykłady
Wykorzystując element <canvas>:
<canvas id="canvas" width="300" height="300"></canvas>
You can get the width of the canvas with the following code:
Informacje o szerokości <canvas> można uzyskać za pomocą kodu:
var canvas = document.getElementById('canvas');
console.log(canvas.width); // 300
Specyfikacja
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'HTMLCanvasElement.width' in that specification. |
Living Standard | Brak zmian od ostatniego snapshota, HTML5 |
| HTML 5.1 The definition of 'HTMLCanvasElement.width' in that specification. |
Recommendation | |
| HTML5 The definition of 'HTMLCanvasElement.width' in that specification. |
Recommendation | Snapshot HTML Living Standard zawierający początkową definicje. |
Zgodność przegladarek
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Zobacz też
- Interfejs definiujący tą własność,
HTMLCanvasElement. - Inna własność kontrolujaca wielkość
<canvas>,HTMLCanvasElement.height.