Filigrane et Recadrage


Cet exemple reprend le code des exemples de recadrage et de filigrane et ajoute le suivi et le redimensionnement du filigrane lorsque l'on effectue un recadrage.
Vous pouvez donc sélectionner ou configurer un filigrane avant la sélection des photos pour l'appliquer par défaut sur toute la sélection de photos, et il se repositionnera et se redimensionnera automatiquement en fonction de l'éventuel recadrage effectué sur chaque photo.
Le redimensionnement s'effectue de sorte que la largeur du filigrane reste proportionnelle à la largeur de la sélection effectuée. Le repositionnement s'effectue proportionnellement aux coordonnées X et Y du filigrane dans l'image.
Vous avez toujours la possibilité de déplacer/modifier/supprimer le filigrane pour chaque photo.

Extensions jpg, jpeg, png, gif. La position du filigrane peut être ajustée par cliquer-glisser (drag and drop).
Filigrane par défaut

Texte

Fond

Texte Mon filigrane

Notez que la couleur de fond de la zone de texte ne correspond pas à celle qui est définie dans l'onglet "Fond". C'est une couleur générée automatiquement pour vous permettre d'apercevoir le texte quelle que soit sa couleur, dans la mesure où vous ne réduisez pas trop son opacité.

Cliquez sur un style de fonte

Caveat :AzertyAzertyAzertyAzerty

Comic_Neue :AzertyAzertyAzertyAzertyAzertyAzerty

Open_Sans :AzertyAzertyAzertyAzertyAzertyAzertyAzertyAzertyAzertyAzerty

Roboto_Condensed :AzertyAzertyAzertyAzertyAzertyAzerty

Teko :AzertyAzertyAzertyAzertyAzerty

Espace/Texte 

 

Les cases à cocher "max" permettent d'étendre le fond pour créer un bandeau pleine largeur ou pleine hauteur. Dans ce cas, les marges correspondantes "x" ou "y" définies dans le menu "Paramètres" qui déterminent l'espacement entre le filigrane et les bords de la photo seront ignorées. Et suivant les cas, les positions "Haut Gauche" et "Haut Droit" seront équivalentes, de même pour les positions "Bas Gauche" et "Bas Droit".

Marges des positions prédéfinies

Paysage  

Portrait  

Ces marges définissent l'espacement entre le filigrane et les bords de la photo pour les positions prédéfinies "Haut Gauche", "Haut Droit", "Bas Gauche" et "Bas Droit". Elles sont sans effet sur la position "Centre".

Cadre de prévisualisation

(ne sera pas visible sur l'image finale)

Permet de visualiser la position du filigrane s'il est ton sur ton sur l'image et sans background.

Presets

Charger une photo pour définir et vérifier la position du filigrane, et accéder à la gestion complète des présélections dans les menus situés sous les photos.

Recadrage:

arrêt - 0 Mo status : en attente - sauvegardé :

Traitement terminé
Traitement en cours...
Note : les fichiers partiellement sauvegardés peuvent être complétés pendant 24h suivant la dernière sauvegarde effectuée.
Version de démonstration côté client uniquement. Vos photos ne seront pas téléchargées.
Voir le fichier UploadAjaxABCI_Filigrane_multiple pour plus d'informations sur le fonctionnement du filigrane.

Téléchargement du module d'upload complet