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

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

правити

Порада

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

автор: с3с правити

Нотатка

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

автор: с3с правити

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

Синтаксис

<canvas height="pixels">

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

pixels

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

автор: с3с

правити

Переглядачі

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

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

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

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

Переглядач
	2.1+	1.0+	2.0+	2.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);