Cargando...

Canvas HTML

canvas superficie de dibujo. JS pinta.

Respuesta directa

<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>

Pruébalo

  1. canvas
  2. rectángulo
  3. colores
  4. CSS size

Errores fáciles

  • solo HTML
  • sin fallback

Resumen

  • canvas+JS
  • dinámico
  • SVG iconos
  • fallback

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
3
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior