Canvas, images et chemin
Résolu
jeremixogg
-
jeremixogg Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
jeremixogg Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous, je suis un absolu débutant et je vais sans doute poser la question de l'année, mais comme le ridicule ne tue pas...
Je veux afficher une image avec "canvas", j'ai récupéré ça
ou "grue.png" est dans le même dossier que ma page
ça ne marche pas, comment dois-je indiquer le chemin d'acces à l'image ? et y'a t-il un moyen simple de savoir pourquoi ça ne marche pas (genre console avec message d'erreurs) ?
Je veux afficher une image avec "canvas", j'ai récupéré ça
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test image</title>
<script type="text/javascript">
</script>
<style>body { background: black; } canvas { background: white; }</style>
</head>
<body>
<canvas id="canvas" width="150" height="150">
<p>Désolé, votre navigateur ne supporte pas Canvas. Mettez-vous à jour</p>
</canvas>
<script>
window.onload = function() {
var canvas = document.querySelector('#canvas');
var context = canvas.getContext('2d');
var zozor = new Image();
zozor.src = 'grue.png';
zozor.onload = function() {
context.drawImage(zozor, 35, 35);
}
};
</script>
</body>
</html>
ou "grue.png" est dans le même dossier que ma page
ça ne marche pas, comment dois-je indiquer le chemin d'acces à l'image ? et y'a t-il un moyen simple de savoir pourquoi ça ne marche pas (genre console avec message d'erreurs) ?
A voir également:
- Canvas, images et chemin
- Canvas gratuit - Télécharger - Divers Photo & Graphisme
- Des images - Guide
- Images enregistrées ✓ - Forum Bluetooth
- Voir ses images enregistrés - Forum Blender
- Visualisez cette image avec un logiciel d'édition d'images. combien y a-t-il de pixels noirs sur le camion ? ✓ - Forum Python
3 réponses
Bonjour
Ça a l'air correct, et chez moi ça marche (avec Chrome,FF et IE)
Tu peux regarder dans la console javascript (avec F12) s'il y a des erreurs.
Ça a l'air correct, et chez moi ça marche (avec Chrome,FF et IE)
Tu peux regarder dans la console javascript (avec F12) s'il y a des erreurs.
