Ultimele tutoriale de dezvoltare web
 

HTML <canvas> height Attribute

<HTML <canvas> tag - ul

Exemplu

A <canvas> Element cu o înălțime și o lățime de 200 de pixeli:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

height atribut specifica înălțimea <canvas> elementului, în pixeli.

Sfat: Utilizați width atribut pentru a specifica lățimea <canvas> elementului, în pixeli.

Sfat: De fiecare dată când înălțimea sau lățimea unei pânze este re-set, conținutul pânză va fi șters (see example at bottom of page) a se (see example at bottom of page) de (see example at bottom of page) de (see example at bottom of page) .

Tip: Aflați mai multe despre <canvas> elementul nostru în HTML Canvas Tutorial .


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin atributul.

Atribut
height 4 9 2.0 3.1 9

Diferențe între HTML 4.01 și HTML5

<canvas> tag - ul este nou în HTML5.


Sintaxă

<canvas height=" Valorile atributelor
Valoare Descriere
pixels Specifică înălțimea de panza, in pixeli (eg "100" ) de (eg "100" ) , (eg "100" ) . Înălțimea prestabilită este "150"

Mai multe exemple

Exemplu

Ștergeți pânza prin setarea width sau height atributului (using JavaScript) :

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

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);

function clearCanvas() {
    c.height = 300;
}

</script>
Încearcă - l singur »

<HTML <canvas> tag - ul