Bonjour à tous,
C'est mon premier post "programmation" ici.
Je commence à m'autoformer à HTML/CSS, j'ai acheté un bouquin pour ça, "Premiers pas en HTML5 et CSS3".
Cependant, je n'arrive pas à afficher le rectangle vert , ce que devrait faire le code ci-dessous (page 81 du bouquin, qui n'est pas toujours très clair).
Pouvez-vous éclairer ma lanterne svp ? Merci d'avance

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="Fr">
<head>
<meta charset="utf-8">
<title>Mon blog de tests</title>
</head> 
<body>
<script>
function fonction_canvas()
{
        var balise_canvas = document.getElementById('image1');
        if (balise_canvas.getContext) {
            var context2D = balise_canvas.getcontext('2D');
            context2D.fillStyle = "rgb(0,220,0)";
 
            context2D.fillRect (50,10,150,100);
        }
}
window.onload = fonction_canvas;
</script>
 
<h3>Voici un rectangle vert</h3>
<canvas id="image1">
    Votre navigateur ne peut pas afficher cet élément
</canvas>
</body>
</html>