PROJET AUTOBLOG


Warrior du Dimanche

Site original : Warrior du Dimanche

⇐ retour index

Le code du dimanche: Fancytation

dimanche 1 novembre 2020 à 10:29

Aujourd'hui, c'est cadeau, c'est pour moi: une api permettant de créer une image à partir d'un texte, genre pour pimper un peu une citation (d'où le nom fancytation... gag)

Quid

L'api génère une image de texte avec une couleur, une image de fond, une fonte... L'image générée est sauvegardée en cache pour que les appels suivant ne déclenchent pas un nouveau rendu à chaque fois.

L'API se charge des césures et du calcul de la taille de l'image en fonction de la longueur du texte et de la taille de police.

On peut l'utiliser simplement...

api.warriordudimanche.net/fancytation/?t="Celui qui excelle à résoudre les difficultés le fait avant qu'elles ne surviennent (l'art de la guerre)

ou bien la paramétrer plus finement (couleur, fond etc voir ci-dessous)

Paramètres

  • t : texte (et on peut utiliser n pour les retours à la ligne) [ex: t=frist linensecond line]
  • c :couleur du texte au format FFFFFF (fancytation choisit automatiquement une couleur d'ombre noire ou blanche)
  • i : image de fond
  • f : fonte utilisée
  • fs: taille de fonte
  • Autres options utiles

  • dontsave: génère l'image mais ne la sauve pas
  • force: force le rendu de l'image même si une image de ce rendu a déjà été créée
  • help: affiche une aide
  • imageslist: renvoie la liste des images de fond au format json
  • fontslist: renvoie la liste des fontes au format json
  • picslist: renvoie la liste des images générées au format json
  • download: permet de télécharger le script php de l'api
  • Qui se colle au frontend   .jpg

    <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

    ► Commentaires