我的应用程序加载了一张图片,当用户点击它时,会出现一个文本区域(使用jquery
),用户可以在图片上写入一些文字。这些文字应该加在图像上。
经过一些研究,我发现 PIL
(Python Imaging Library)可以帮助我实现这个功能。因此,我尝试了几个示例来看看它的工作原理,并成功地在图像上写入了文本。但是当我在 web 环境中尝试使用 PIL 时,我发现与在 Python Shell 中的效果有所不同。我的意思是文本区域中的文本非常大。如何在使用 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 添加文本区域。 此外,文本区域是绝对定位和固定大小的。
我应该将其放在表单中,以便获取图像上文本区域的坐标吗? 当用户单击时,我想在图像上写入文本并将其保存在图像上。