Générer une image à partir de plusieurs images grâce à canvas (html 5)

Générer une image à partir de plusieurs images grâce à canvas (html 5)

Voici un petit code javascript pour faire d’un visuel, quelque chose qui rendra votre site un peu plus unique.

L’image que vous voyez ici est composée de 3 images (qui doivent être en png). C’est grâce à la balise canvas et à du javascript qu’on arrive à un tel rendu.
Il faut définir des zones et les remplir avec les images d’origine avec quelques calculs en fonction de la taille de l’image finale, et du ratio d’affichage.

Le résultat est sympa, non ?


Pour en savoir plus, suivez le lien et éditer le code source.

canvas

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.