HTMLCanvasElement.width

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

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
Basic support	Chrome Full support 4	Edge Full support 12	Firefox Full support 3.6	IE Full support 9	Opera Full support 9	Safari Full support 3.1	WebView Android Full support Yes	Chrome Android Full support Yes	Edge Mobile Full support Yes	Firefox Android Full support 4	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android Full support Yes

Legend

Full support: Full support

Zobacz też

Interfejs definiujący tą własność, HTMLCanvasElement.
Inna własność kontrolujaca wielkość <canvas>, HTMLCanvasElement.height.