Ultimele tutoriale de dezvoltare web
 

HTML <canvas> width Attribute

<HTML <canvas> tag - ul

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 »

<HTML <canvas> tag - ul