Atrybut height elementu HTML <canvas>

Tag <canvas> HTML

Definicja i użycie

height Atrybut określa wysokość elementu <canvas>, podaną w pikselach.

Wskazówki

Proszę użyć Atrybut width Ustal szerokość elementu <canvas>, podaną w pikselach.

Każdy raz, gdy ustawia się nową wysokość lub szerokość płótna, zawartość płótna zostanie wyczyszczona (zobacz przykład na dole strony).

Proszę odwiedzić nasz Kurs HTML Canvas Dowiedz się więcej o elemencie <canvas>.

Przykład

Przykład 1

Element <canvas> o szerokości i wysokości 200 pikseli:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

Spróbuj sam

Przykład 2

Przez ustawienie atrybutu wysokości na 300px można wyczyścić płótno (używając JavaScripta):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

Spróbuj sam

Gramatyka

<canvas height="pixels">

Wartość atrybutu

Wartość Opis
pixels Określa wysokość rysunku, wyrażoną w pikselach (np. “100”). Domyślna wartość to 150.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Tag <canvas> HTML