Exemplu
Desenați un pătrat roșu, pe zbor, și arată că în interiorul <canvas> elementului:
<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 80, 80);
</script>
Încearcă - l singur » Definiție și utilizare
<canvas> tag - ul este folosit pentru a desena grafice, pe zbor, prin scripting (usually JavaScript) de (usually JavaScript) .
<canvas> tag - ul este doar un container pentru grafica, trebuie să utilizați un script pentru a desena grafica.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin elementul.
| Element | |||||
|---|---|---|---|---|---|
| <canvas> | 4 | 9 | 2.0 | 3.1 | 9 |
Diferențe între HTML 4.01 și HTML5
<canvas> tag - ul este nou în HTML5.
Sfaturi și note
Note: Orice text în interiorul <canvas> elementul va fi afișat în browserele care nu acceptă <canvas> .
Tip: Aflați mai multe despre <canvas> elementul nostru în HTML Canvas Tutorial .
Tip: Pentru o referință completă a tuturor proprietăților și metodele care pot fi utilizate cu obiectul panza, du - te la nostru HTML Canvas de referință .
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| height | pixels | Specifică înălțimea pânzei |
| width | pixels | Specifică lățimea pânzei |
Atribute globale
<canvas> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<canvas> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Setări implicit CSS
Nici unul.