Grafică HTML. HTML5 Canvas. Elementul HTML canvas.
HTML5 Canvas
Elementul HTML <canvas> este utilizat pentru a desena grafică pe o pagină web.
Graficul de mai jos este creat cu <canvas>. Acesta prezintă patru elemente: un dreptunghi roșu, un dreptunghi de gradient, un dreptunghi multicolor și un text multicolor.
Ce este HTML Canvas?
Elementul HTML <canvas> este utilizat pentru a desena grafică, din nou, prin JavaScript.
Elementul <canvas> este doar un container pentru grafică. Pentru a desena grafică trebuie să utilizați JavaScript.
Canvas are mai multe metode pentru a desena căi, cutii, cercuri, text și adăugarea de imagini.
Asistență browser
Numerele din tabel specifică prima versiune de browser care acceptă complet elementul <canvas>.
Example Canvas
O pânză (un canvas) este o zonă dreptunghiulară pe o pagină HTML. În mod implicit, o pânză nu are margine și nu conține.
Marcajul arată astfel:
Iată un exemplu de bază, de canvas gol :
Exemplu:
Elementul HTML <canvas> este utilizat pentru a desena grafică pe o pagină web.
Graficul de mai jos este creat cu <canvas>. Acesta prezintă patru elemente: un dreptunghi roșu, un dreptunghi de gradient, un dreptunghi multicolor și un text multicolor.
Ce este HTML Canvas?
Elementul HTML <canvas> este utilizat pentru a desena grafică, din nou, prin JavaScript.
Elementul <canvas> este doar un container pentru grafică. Pentru a desena grafică trebuie să utilizați JavaScript.
Canvas are mai multe metode pentru a desena căi, cutii, cercuri, text și adăugarea de imagini.
Asistență browser
Numerele din tabel specifică prima versiune de browser care acceptă complet elementul <canvas>.
Example Canvas
O pânză (un canvas) este o zonă dreptunghiulară pe o pagină HTML. În mod implicit, o pânză nu are margine și nu conține.
Marcajul arată astfel:
<canvas id="myCanvas" width="200" height="100"></canvas>
Notă: Specificați întotdeauna un atribut id (la care se face referire într-un script) și un atribut lățime și înălțime (width și height) pentru a defini dimensiunea pânzei (canvas). Pentru a adăuga un chenar (border), utilizați atributul stil (style).Iată un exemplu de bază, de canvas gol :
Exemplu:
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
</canvas>