Affichage dans CANVAS non pris en compte

**Alexandra31** · 15/03/2019, 23h48

Bonjour,

A l'aide d'un tutoriel vidéo j'ai créé ce canvas mais il n'y a pas de rectangle vide à l'intérieur alors qu'il est mentionné avec des bordures noires dans le code javascript. A l'ouverture de ma page web il y seulement un rectangle rempli orange... Pourquoi ? J'ai pourtant écrit le même code qu'indiqué dans le tuto:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
 <head>
    <title>Les canvas</title>
  <meta charset="utf-8">
 <style>
    
    body{
        margin: 0px;
        padding: 0px;
    }
 
    #canvas1{
        background-color: orange;
    }
 
 </style>
 
 </head>
 
<body>
    <canvas id="canvas1" width="250" height="100"></canvas>
 
    <script>
    
        var canvas= document.getElementById("canvas1");
        var contexte= canvas.getContext("2d");
        
        contexte.lineWidth= "5";
        contexte.strokeStyle= "black";
        contexte.stokeRect(50,10,150,80); 
 
        
    
    </script>
 
 
</body>
 
</html>