Bonjour,

J'ai dans ma page deux images (pour simplifier mon problème) :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<img id="id1" src="/blabla/test.png" />
<img id="id2" src="/tmp/qsdqsd" />

J'essaie de mettre ces images dans un canvas comme ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
jQuery('body').append('<canvas id="canvas"></canvas>');
var img = new Image();
img.src = jQuery("#id1").attr("src");
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(img , 0, 0);
Pour la première image, cela fonctionne parfaitement.
En revanche, pour la seconde, qui n'a pas d'extension, pas du tout (alors que le navigateur l'affiche bien sur la page).

Comment faire pour résoudre ce problème ?
D'avance merci pour vos réponses