我有一个加载图像的应用程序,当用户单击它时,会显示此图像的文本区域(使用jquery),用户可以在图像上写入一些文本.应该在Image上添加哪个.
在做了一些研究后,我认为PIL(Python Imaging Library)可以帮助我做到这一点.所以我尝试了几个例子来看它是如何工作的,我设法在图像上写文字.但我认为当我Python Shell在网络环境中使用它时会有一些区别.我的意思是textarea上的文字在px中非常大.当使用PIL作为textarea上的PIL时,如何获得相同大小的文本?
文字是Multiline.我怎样才能在图像中使用多线PIL?
有没有比使用PIL更好的方法?我不完全确定,如果这是最好的实施.
HTML:
<img src="images/test.jpg"/>
Run Code Online (Sandbox Code Playgroud)
正在编辑的图像
var count = 0;
$('textarea').autogrow();
$('img').click(function(){
count = count + 1;
if (count > 1){
$(this).after('<textarea />');
$('textarea').focus();
}
});
Run Code Online (Sandbox Code Playgroud)
添加textarea的jquery.文本区域也是位置:绝对大小和固定大小.
我应该把它放在一个表格中,这样我就可以在图像上得到textarea的坐标吗?我想在用户点击时在图像上写文字并将其保存在图像上.