Ostatnio edytowany:
canvas
Przeznaczenie elementu canvas
Element canvas
reprezentuje obszar do tworzenia statycznej, jak również dynamicznej grafiki za pomocą języka programowania JavaScript.
Dodatkowe techniczne informacje o elemencie canvas
- kategoria ogólna
- kontekst zewnętrzny
-
element HTML, który tworzy wewnętrzny kontekst wbudowany
Przykładowy Kod HTML
<main> <canvas> <p> Twoja przeglądarka internetowa nie obsługuje elementu "canvas". </p> </canvas> </main>
Kontekstem zewnętrznym przykładowego elementu "canvas" jest element "main". Wspomniany element "main" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst wbudowany, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "main", jest prawidłowym kontekstem zewnętrznym dla elementu "canvas".
- kontekst wewnętrzny
-
kontekst wewnętrzny elementu rodzica
Przykładowy Kod HTML
<main> <canvas> <p> Twoja przeglądarka internetowa nie obsługuje elementu "canvas". </p> </canvas> </main>
Kontekstem wewnętrznym przykładowego elementu "canvas" jest wyłącznie element HTML, który jest prawidłowym kontekstem wewnętrznym dla elementu rodzica wspomnianego elementu "canvas", którym to elementem rodzicem w tym wypadku jest element "main", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "p", jest prawidłowym kontekstem wewnętrznym dla elementu "canvas".
Element canvas posiada zdolność fallback. Zdolność fallback elementu canvas uaktywnia się w momencie gdy przeglądarka internetowa nie interpretuje elementu canvas.
- wymagane elementy dzieci
-
brak
- wymagane atrybuty
-
brak
- składnia HTML
-
<canvas> ... </canvas>
- pominięcie tagu na początku
-
nigdy
- pominięcie tagu na końcu
-
nigdy
- CSS display
Dodatkowe domyślne reguły CSS elementu canvas
/* jeżeli przeglądarka internetowa interpretuje element "canvas" */
canvas {
display:inline-block;
width:300px;
height:150px;
}
Interpretacja elementu canvas
-
tak
-
tak
-
tak
-
tak
-
tak, lecz od wersji 9
-
tak
Zobacz więcej informacji o interpretacji elementu canvas.