J'ai une application qui charge une image et lorsque l'utilisateur clique dessus, une zone de texte apparaît pour cette image (en utilisant jquery
), où l'utilisateur peut écrire du texte sur l'image. Qui devrait être ajouté sur l'image.
Après avoir fait quelques recherches à ce sujet, j'ai pensé que PIL
(Python Imaging Library) pouvait m'aider à le faire. J'ai donc essayé quelques exemples pour voir comment cela fonctionne et j'ai réussi à écrire du texte sur une image. Mais je pense qu'il y a une certaine différence lorsque je l'essaie en utilisant Python Shell
et dans un environnement Web. Je veux dire que le texte sur la zone de texte est très gros en px. Comment puis-je obtenir la même taille de texte en utilisant PIL que celui de la zone de texte?
Le texte est Multiline. Comment puis-je le rendre multiligne dans l'image également, en utilisant PIL
?
Y a-t-il un meilleur moyen que d'utiliser PIL? Je ne suis pas entièrement sûr, si c'est la meilleure mise en œuvre.
html:
<img src="images/test.jpg"/>
c'est l'image en cours d'édition
var count = 0;
$('textarea').autogrow();
$('img').click(function(){
count = count + 1;
if (count > 1){
$(this).after('<textarea />');
$('textarea').focus();
}
});
la jquery pour ajouter le textarea. La zone de texte est également position: taille absolue et fixe.
Dois-je le placer dans un formulaire pour pouvoir obtenir les coordonnées de textarea sur l'image? Je veux écrire du texte sur l'image lorsque l'utilisateur clique et l'enregistrer sur l'image.