1 pièce(s) jointe(s)
<canvas> Bordure noire indésirable autour d'un rectangle
Bonjour,
Voici mon code HTML
Code:
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:
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:
<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...
Pièce jointe 540455