Avant de dire qu'il s'agit d'une question existante, ou que tout ce que je dois utiliser est ms-interpolation-mode, ou que j'ai juste besoin d'avoir une version pré-réglée de l'image sur le serveur et de la servir, lisez la question. Je vous en prie. Aucune de ces réponses n'est appropriée.
J'ai une application qui dessine une très grande image en utilisant le canevas HTML5 dans le navigateur sur tous les navigateurs modernes. Je tire une image de ce canevas et je l'affiche (en la réduisant considérablement à l'écran). L'image réduite s'affiche correctement sur Chrome, Firefox, Safari ou Opera, que ce soit sur Windows ou sur Mac. IE, en revanche, est très mauvais, même si je ne teste pas ce problème sur les anciennes versions d'IE (comme IE 7, où le mode d'interpolation fonctionne), mais uniquement sur IE 9, 10 et 11.
Pourquoi ne réduisent-ils pas l'image en douceur ? Je pensais que les versions ultérieures d'IE pouvaient le faire ?
Voici une capture d'écran de mon image enregistrée en tant que fichier PNG et chargée dans IE 11. Notez que le système ne fonctionne pas, même si je ne fais que regarder le fichier PNG. Mon logiciel et ma page web ne sont pas du tout concernés ici. Il s'agit simplement d'IE 11 qui affiche un fichier PNG.
Vais-je devoir effectuer une sorte de redimensionnement dans le canevas juste pour faire une version réduite pour IE parce qu'ils ne peuvent pas gérer la mise à l'échelle des images que tous les autres navigateurs du marché gèrent facilement ? N'y a-t-il rien que je puisse activer via les CSS pour améliorer l'aspect de la page ?
Voici un lien direct vers l'une des images générées : http://i.imgur.com/T9wgHSo.png . Montrez-moi comment faire en sorte que cela apparaisse bien dans une taille nettement plus petite (disons 0,25x) dans une page pour IE 9, 10 et 11.
