Bicubic-ly Redimensionner des images avec Javascript

Question

Existe-t-il un moyen de redimensionner l'image réelle en utilisant JavaScript? Je ne parle pas de modifier le DOM pour obtenir le navigateur pour redimensionner l'image. Je veux réellement redimensionner les données de pixel de l'image et l'afficher ensuite.

Fondamentalement, mon problème est: Firefox échoue complètement à réduire les images avec des fonctionnalités délicates, car il a seulement le plus proche voisin et Binlinear. Tous les autres navigateurs - même IE - ont un support bicubique. Il y a talk de cela inclus dans un proche avenir, mais cette conversation se poursuit depuis plus d'un an. Je ne me dérange pas de télécharger les images en taille réelle parce que je veux les télécharger de toute façon. Lorsque l'utilisateur survole la petite version d'une image, la grande version apparaît immédiatement ailleurs sur la page. Si je faisais un redimensionnement côté serveur, je devais télécharger les deux copies des images, ce qui entraînerait un trafic encore plus important. S'il n'y a pas d'autre solution, alors c'est ce que je vais devoir faire ... Je ne veux pas.

Answer 1

C'est possible. Vous obtenez une image sur le même domaine, écrivez sur canvas, puis manipulez des données de pixel à partir de là (compliqué, mais possible j'en suis sûr), puis utilisez cette sortie ou sortie sous png/gif/jpg ... MAIS ... Je ne pense pas que vous trouverez ce sera meilleur moyen de préserver fonctionnalités délicates que CSS.