Affichage canvas ne fonctionne pas

Fermé

ZauChoco - Modifié le 6 juin 2018 à 18:04
BidGate Messages postés 3 Date d'inscription dimanche 19 août 2018 Statut Membre Dernière intervention 1 mars 2019 - 19 août 2018 à 00:31

Bonjour,

Je cherche à afficher 5 images superposées, et je ne comprend pas, les images ne s'affichent pas, pourtant le chemin est bon, et l'id du canvas est respecté:

window.onload = function() {
var c = document.getElementById("rendu");
var ctx = c.getContext("2d");
 
var skin = new Image();
skin.src = "../assets/sprites/character/skin/"+document.getElementById('sex').getAttribute('value')+"/skin/"+document.getElementById('skin').getAttribute('value')+".png";
 
var eyes = new Image();
eyes.src = "../assets/sprites/character/skin/"+document.getElementById('sex').getAttribute('value')+"/eyes/"+document.getElementById('eyes').getAttribute('value')+".png";
 
var nose = new Image();
nose.src = "../assets/sprites/character/skin/"+document.getElementById('sex').getAttribute('value')+"/nose/"+document.getElementById('nose').getAttribute('value')+document.getElementById('skin').getAttribute('value')+".png";
 
var ears = new Image();
ears.src = "../assets/sprites/character/skin/"+document.getElementById('sex').getAttribute('value')+"/ears/"+document.getElementById('ears').getAttribute('value')+document.getElementById('skin').getAttribute('value')+".png";
 
var hair = new Image();
hair.src = "../assets/sprites/character/skin/"+document.getElementById('sex').getAttribute('value')+"/hair/"+document.getElementById('hair').getAttribute('value')+"/"+document.getElementById('haircolor').getAttribute('value')+".png";
 
 
  //Rendu
  function draw() {
  ctx.drawImage(skin,0,0,64,64,0,0,64,64);
  ctx.drawImage(eyes,0,0,64,64,0,0,64,64);
  ctx.drawImage(nose,0,0,64,64,0,0,64,64);
  ctx.drawImage(ears,0,0,64,64,0,0,64,64);
  ctx.drawImage(hair,0,0,64,64,0,0,64,64);
   
  }
 
draw();
      
  
 
}

Pouvez vous m’éclaircir ?

Merci

A voir également:

Affichage canvas ne fonctionne pas
Canvas gratuit - Télécharger - Divers Photo & Graphisme
Affichage double ecran - Guide
Windows 11 affichage classique - Guide
Modifier affichage heure iphone - Guide
Pas d'affichage pc - Guide

1 réponse

Réponse 1 / 1

BidGate Messages postés 3 Date d'inscription dimanche 19 août 2018 Statut Membre Dernière intervention 1 mars 2019
19 août 2018 à 00:31

J'aimerais bien t'aider mais envoies ton code html et css

Discussions similaires

Les paramètres d'affichage NVIDIA ne sont pas

adele

Leboncoin : j'ai un problème d'affichage

2 éme écran détecté mais n'affiche rien

Obtenir un affichage décimal sur ma Casio fx 92

Discussions similaires

Newsletters