Bonjour,
Voici mon code HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
</head>
<body>
<script src="canvas.js"></script>	
<canvas id ='canvas0'></canvas>
<script src="canvas.js"></script>	
</body>
</html>
Voici mon code JS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
var canvas0 = document.querySelector('#canvas0');
var context0 = canvas0.getContext('2d');
canvas0.width = canvas0.height = 290;
context0.strokeStyle = "red";
context0.lineWidth  = 3;
context0.beginPath();
context0.rect(20, 20, 80, 80);
context0.stroke();
Bon rien de bien transcendant j'obtiens un rectangle rouge.
Maintenant si je modifie la couleur de fond en bleu
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<body style="background-color:rgb(0,0,255);">
J'obtiens toujours un rectangle rouge mais cette fois avec une tres fine fine bordure noire que je n'arrive pas a supprimer...
Nom : d.png Affichages : 242 Taille : 943,4 Ko