Je cherche le Bug et je trouve pas.

Fermé
Amdouat - 1 juin 2018 à 10:26
 Amdouat - 1 juin 2018 à 10:36
Bonjour,




J'ai un problème tout bête. Je cherche à afficher une image dans un canvas. Je fais tout bien comme on m'explique dans les tutos et les forum. Je précise : je suis un bleu. Mais rien n'y fait. Ce qui est le plus désarmant, c'est l'absence d'erreur signalée dans ma console.
Précisions : Navigateur Chrome:
Logiciel : bracket

Script HTML :

<!doctype html>
<html lang="fr">

<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<!-- <link rel="stylesheet" href="main.css"> -->
<script type="text/javascript" src="script.js">
</script>
</head>

<body>
<canvas id="bandeau" onclick="draw();"> </canvas>
</body>

</html>

Script java :

function draw() {
var ctx;
var img;
ctx = document.getElementById('bandeau').getContext('2d');
img = new Image ();
img.onload = function () {
ctx.drawImage(img, 0, 0);
console.log('dessinée');
};
img.src = 'texte.jpg';

1 réponse

oups... Trouvé. Il fallait donner une dimension au canvas.
Merci
0