问使用PIL在图像上添加文本

EN

我有一个加载图像的应用程序，当用户单击它时，将出现此图像的文本区(使用jquery)，用户可以在该图像上写入一些文本。它应该添加到Image上。

在对它做了一些研究之后，我认为PIL (Python Imaging )可以帮助我做到这一点。所以我尝试了几个例子来看看它是如何工作的，我设法在图像上写下了文本。但我认为我在Python Shell和在web环境下尝试的时候有一些不同。我的意思是文本区域上的文本在px中非常大。如何在使用PIL时实现与文本区域相同的文本大小？

文本为多行。如何使用PIL使其在图像中也是多行的？

有比使用PIL更好的方法吗？我不能完全确定这是否是最好的实现。

html：

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

它是正在编辑的图像

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

添加文本区域的jquery。文本区域也是位置:绝对大小和固定大小。

我应该把它放在一个表单中，这样我就可以得到图像上的文本区域的坐标了吗？我想在用户点击时在图像上写文本，并保存在图像上。