Canvas, images et chemin

Résolu/Fermé

jeremixogg - 25 juin 2015 à 08:18
jeremixogg Messages postés 2 Date d'inscription vendredi 26 juin 2015 Statut Membre Dernière intervention 26 juin 2015 - 26 juin 2015 à 09:25

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

<!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
Images gratuites - Guide
Images enregistrées - Forum Blender
Google images - Guide
Dans le gestionnaire de fichiers ci-dessous, suivez ce chemin : ordinateur > photos > album > maison vers quel fichier mène-t-il ? ✓ - Forum Windows 10

3 réponses

Réponse 1 / 3

Utilisateur anonyme
25 juin 2015 à 11:00

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.

Réponse 2 / 3

jeremixogg
26 juin 2015 à 09:19

Je confirme ça ne marche pas chez moi sur firefox, chrome et IE.
Le fichier grue.png est dans le même dossier que la page html.
Le chemin spécifié dans le code est donc correct ?

Si quelqu'un à une idée...

Réponse 3 / 3

jeremixogg Messages postés 2 Date d'inscription vendredi 26 juin 2015 Statut Membre Dernière intervention 26 juin 2015
26 juin 2015 à 09:25

je reponds tout seul, en fait ça marche, c'est juste que je testais avec une image avec beaucoup de blanc et comme la taille du canvas est petite et mon image grande, je ne voyais pas que l'image s'affichait.
merci.

Discussions similaires

Chemin Logo du site de la Cité de l'espace

Chemin d'accès spécifié est introuvable

calcule nombre des pixels "noir" dans un image (noir/blanc)

code couleur associé a une image

Comment enlever le rouge sur la photo svp ?

Discussions similaires

Newsletters