Mettez le texte sur l'image de la base de données tout en éditant l'image dans la toile

Question

J'ai une question et je suis confus quelle stratégie je devrais choisir pour résoudre ceci. Voici la description.

1. J'ai une galerie qui est gérée sur l'authentification de l'utilisateur.
2. Ensuite, j'ai fondamentalement un formulaire simple qui enregistre des citations dans la base de données.
3. Sélection d'une image de la galerie, elle est ouverte dans un canevas. J'utilise Adobe Creative SDK. Voici l'image de démonstration.

1. Ensuite je dois sélectionner le texte à partir de la base de données (copie) pour ajouter (coller) dans le champ de texte, mais je ne sais pas comment le faire.

C'est la tâche que je dois faire pour un client. Je n'ai jamais vu un exemple similaire. Ceci est semble unique. S'il vous plaît fournir des suggestions sur le faire.

Answer 1

L'éditeur d'Adobe Creative SDK ne vous permet pas de pré-remplir du texte sur une image, il est donc hors de question pour cette tâche. Vous pouvez probablement trouver un moyen de superposer du texte sur l'éditeur Adobe, mais le problème de la sauvegarde de l'image se pose.

Si vous n'avez besoin d'aucun autre outil d'édition, vous pouvez simplement créer un canevas avec l'image, superposer le texte et permettre à l'utilisateur de choisir la police, positionner le texte, appliquer des tampons, etc ...

Une fois terminé, connectez un bouton de sauvegarde pour publier le champ contenant le contenu de canvas.toDataURL ('image/png') et avoir quelque chose côté serveur pour l'enregistrer.

Ce sera plus de travail que d'utiliser le widget de quelqu'un d'autre, mais le client sera en contrôle de son propre destin (et aura un produit de travail qu'ils n'auraient pas auparavant).

Restez simple et construisez à partir de là.