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 »