Tengo una aplicación que carga una imagen y cuando el usuario la pulsa, aparece un área de texto para esta imagen (usandojquery), donde el usuario puede escribir algún texto en la imagen. Que debe ser agregado en la imagen.

Después de hacer una investigación al respecto, me di cuenta de quePIL (Python Imaging Library) puede ayudarme a hacer esto. Así que probé algunos ejemplos para ver cómo funciona y logré escribir texto en una imagen. Pero creo que hay alguna diferencia cuando lo intento usandoPython Shell y en el entorno web. Quiero decir que el texto en el área de texto es muy grande en px. ¿Cómo puedo obtener el mismo tamaño de texto cuando uso PIL como el del área de texto?

El texto es multilínea. ¿Cómo puedo hacerlo multilínea en imagen también, usandoPIL?

¿Hay una mejor manera de usar PIL? No estoy del todo seguro, si esta es la mejor implementación.

html:

<img src="images/test.jpg"/>

Es la imagen que se está editando.

var count = 0;
$('textarea').autogrow();
$('img').click(function(){
    count = count + 1;
    if (count > 1){
        $(this).after('<textarea />');
        $('textarea').focus();
    }   
});

El jQuery para agregar el textarea. También el área de texto es posición: tamaño absoluto y fijo.

¿Debo colocarlo dentro de un formulario para poder obtener las coordenadas de textarea en la imagen? Quiero escribir texto en la imagen cuando el usuario haga clic y guardarla en la imagen.