Exemplu
A <canvas> Element cu o height și width de 200 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
width atribut specifica lățimea <canvas> element, în pixeli.
Sfat: Utilizați height atributul pentru a specifica înă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 | |||||
---|---|---|---|---|---|
width | 4 | 9 | 2.0 | 3.1 | 9 |
Diferențe între HTML 4.01 și HTML5
<canvas> tag - ul este nou în HTML5.
Sintaxă
<canvas width=" Valorile atributelor Valoare Descriere pixels Specifică lățimea pânzei, în pixeli (eg "100") de (eg "100") , (eg "100") . Lățimea implicită este "300"
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 »