IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Affichage dans un canvas fichier json


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    38
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 38
    Par défaut Affichage dans un canvas fichier json
    Bonjour,
    Je n'arrive pas à intégrer mes images sur mon plateau de jeu, les images se placent en dehors.J'ai besoin de vos lumières !!
    voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    	$.ajax({
    	url:"item.json",
    	type:"GET",
    	success:function(data){
     
    		console.log(data.images);
     
    		$.each(data.images, function (i, j) {	
     
        $("#canvas").append("<img src=" + j.url+ " / >");
     
    });
    	 },
     
       	error:function(jqXHR,textStatus,errorThrown){
    		alert(textStatus + errorThrown); 
    	}
     
     
     });
    	});
    ---------------------------
    fichier json :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    { 
     "images": [
     { 
     "id": "weapon1", 
     "url": "img/weapon1.png" 
     }, 
     { 
     "id": "weapon2", 
     "url": "img/weapon2.png"
     
     }, 
     { 
     "id": "weapon3", 
     "url": "img/weapon3.png"
     }, 
     { 
     "id": "weapon4", 
     "url": "img/weapon4.png"
     
     }
     ]
    	 }
    ---------------------------------------
    html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
     <div id="canvas"></div>
    ---------------------------------------

    D'autre part, il faudrait que chaque image du fichier json se placent aléatoirement sur le plateau.. si je place une variable random du type var rand = data.images[Math.floor(Math.random() * 20)]; où dois je placer ce rand dans $("#canvas").append("<img src=" + j.url+ " / >");Merci pour votre aide,

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut


    Pour obtenir les balises "code" il faut utiliser le bouton # de l'éditeur.

    Pour un canvas on doit utiliser drawImage(). Voir :


    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Problème d'affichage dans un canvas
    Par Bjorn28 dans le forum Tkinter
    Réponses: 5
    Dernier message: 17/11/2015, 08h54
  2. Gestion de l'ordre d'affichage dans un canvas
    Par DotNET74 dans le forum Windows Phone
    Réponses: 9
    Dernier message: 04/08/2012, 20h53
  3. Réponses: 2
    Dernier message: 28/08/2007, 17h12
  4. Problème d'affichage dans un fichier suite à un dir>fichier.txt
    Par paix02200 dans le forum Scripts/Batch
    Réponses: 3
    Dernier message: 20/08/2007, 12h53
  5. Probleme affichage dans entry a partir d'un fichier texte
    Par HaaRt dans le forum GTK+ avec C & C++
    Réponses: 6
    Dernier message: 06/04/2007, 12h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo