Carregando...

Canvas HTML

canvas superfície de desenho. JS pinta.

Resposta direta

<canvas> + getContext("2d").

Canvas with fallback text

html
HTML Code
<canvas id="c" width="300" height="150">
Your browser does not support canvas drawing.
</canvas>
<script>
const ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "#248";
ctx.fillRect(20, 20, 120, 80);
</script>

Experimente

  1. canvas
  2. retângulo
  3. cores
  4. tamanho CSS

Erros comuns

  • só HTML
  • sem fallback

Resumo

  • canvas+JS
  • dinâmico
  • SVG ícones

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
3
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo