html тег <canvas> атрибут width

Атрибут width визначає ширину елемента<canvas> в пікселях.

правити

Порада

Використовуйте атрибут height, щоб задати висоту елемента<canvas> в пікселях.

автор: Wsewlad правити

Нотатка

Кожен раз, коли висота або ширина полотна знову встановлюється, зміст полотна буде очищений

автор: Wsewlad правити

+ додати пораду чи нотатку

Синтаксис

<canvas width="pixels">

Атрибут width може отримувати єдине значення:

pixels

Визначає висоту полотна в пікселях. Без задання висота дорівнює "150".

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	4.0	2.0	3.1	9.0	9.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<canvas id="myCanvas" width="200" height="100"></canvas>

canvas {
    border: 1px solid #0172ad;
}

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

ctx.fillStyle = '#0172ad';
ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = '#fff';
ctx.font = '16px sans-serif';
ctx.fillText(canvas.width + '×' + canvas.height, 70, 55);