Атрибут height устанавливает высоту холста для рисования с помощью JavaScript.
Синтаксис
<canvas height="<значение>">
Значения
Любое целое положительное число в пикселях.
Значение по умолчанию
150 пикселей.
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<title>canvas</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="circle" width="200" height="200"></canvas>
<script>
let drawingCanvas = document.getElementById('circle');
if(drawingCanvas && drawingCanvas.getContext) {
var context = drawingCanvas.getContext('2d');
}
function drawCircle(x) {
context.beginPath();
context.rect(0, 0, 200, 200);
context.fillStyle = 'black';
context.stroke();
context.beginPath();
context.arc(x, 100, 20, 0, 2*Math.PI);
context.fillStyle = 'red';
context.fill();
}
let x = 0;
setInterval(function() {
context.clearRect(0, 0, 200, 200);
drawCircle(x % 220);
x++;
}, 25);
</script>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.