Opis

canvas (płótno) służy do rysowania grafiki w locie za pomocą skryptów (zwykle JavaScript). Jest tylko pojemnikiem na grafikę, musisz użyć skryptu, aby ją narysować.

więcej na www.w3schools.com
tutorial na www.w3schools.com

Przykład

Narysujemy gradientowy prostokąt, okrąg i napis za pomocą JS w canvas:

Twoja przeglądarka nie obsługuje tagu canvas.
Kod:
Atrybuty
Atrybut Wartość Opis
height pixels Określa wysokość płótna
width pixels Określa szerokość płótna

Za każdym razem, gdy wysokość lub szerokość płótna zostanie ponownie ustawiona, zawartość płótna zostanie wyczyszczona


CSS (domyślne ustawienia)
canvas {
  height: 150px;
  width: 300px;
}
Info: