Insérer une image sans extension dans un canvas
Bonjour,
J'ai dans ma page deux images (pour simplifier mon problème) :
Code:
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:
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 :)