Chargement...

Canvas HTML

canvas surface de dessin. JS peint.

Réponse directe

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

Essaie

  1. canvas
  2. rectangle
  3. couleurs
  4. taille CSS

Erreurs courantes

  • HTML seul
  • pas fallback

Résumé

  • canvas+JS
  • dynamique
  • SVG icônes
  • fallback

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓
3
Questions
🎯
70%
Pour Réussir
♾️
∞
Temps
🔄
∞
Tentatives

📝 Instructions

  • Lisez chaque question attentivement
  • Sélectionnez la meilleure réponse pour chaque question
  • Vous pouvez refaire le quiz autant de fois que vous le souhaitez
  • Votre progression sera affichée en haut