使用 PIL 在图像上添加文本

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

在对它做了一些研究之后，我认为 PIL(Python 图像库)可以帮助我做到这一点。因此，我尝试了几个例子，看看它是如何工作的，我设法在一个图像上写文字。但我认为有一些区别时，我尝试使用 Python Shell和在网络环境。我的意思是文本面积上的文本是非常大的 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();
}
});

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

我应该把它放在一个形式，以便我可以得到图像上的文本区坐标？ 我想写的图像文字时，用户点击并保存在图像上。

237612 次浏览
小开

我认为 PIL中提供的 ImageFont模块应该有助于解决文本字体大小的问题。只需检查什么样的字体类型和大小适合你，并使用以下函数来更改字体值。

# font = ImageFont.truetype(<font-file>, <font-size>)
# font-file should be present in provided path.
font = ImageFont.truetype("sans-serif.ttf", 16)

因此，您的代码看起来类似于:

from PIL import Image
from PIL import ImageFont
from PIL import ImageDraw


img = Image.open("sample_in.jpg")
draw = ImageDraw.Draw(img)
# font = ImageFont.truetype(<font-file>, <font-size>)
font = ImageFont.truetype("sans-serif.ttf", 16)
# draw.text((x, y),"Sample Text",(r,g,b))
draw.text((0, 0),"Sample Text",(255,255,255),font=font)
img.save('sample-out.jpg')

您可能需要付出一些额外的努力来计算字体大小。如果您想根据用户在 TextArea中提供的文本数量更改它。

添加文本包装(多行)只需要一个粗略的想法，有多少个字符可以在一行，然后你可能会写一个预处理函数为您的文本，其中基本上找到的字符将在每一行最后，并转换空白之前的字符新行。

小开

您可以在项目的根目录中创建一个目录“ fonts”，并将字体(sans _ serif)。Ttf)存档。然后你可以做这样的东西:

fonts_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), 'fonts')
font = ImageFont.truetype(os.path.join(fonts_path, 'sans_serif.ttf'), 24)
小开

更简单的例子(用黑色绘制“ Hello world!”，在图像的左上角使用默认字体) :

...
from PIL import ImageDraw
...
ImageDraw.Draw(
image  # Image
).text(
(0, 0),  # Coordinates
'Hello world!',  # Text
(0, 0, 0)  # Color
)
小开

首先，您必须下载一个字体类型... 例如: https://www.wfonts.com/font/microsoft-sans-serif。

然后，使用下面的代码绘制文本:

from PIL import Image
from PIL import ImageFont
from PIL import ImageDraw
img = Image.open("filename.jpg")
draw = ImageDraw.Draw(img)
font = ImageFont.truetype(r'filepath\..\sans-serif.ttf', 16)
draw.text((0, 0),"Draw This Text",(0,0,0),font=font) # this will draw text with Blackcolor and 16 size


img.save('sample-out.jpg')
小开

使用枕头，您还可以使用 ImageDraw 模块绘制图像。您可以绘制直线、点、椭圆、矩形、弧、位图、和弦、片、多边形、形状和文本。

from PIL import Image, ImageDraw
blank_image = Image.new('RGBA', (400, 300), 'white')
img_draw = ImageDraw.Draw(blank_image)
img_draw.rectangle((70, 50, 270, 200), outline='red', fill='blue')
img_draw.text((70, 250), 'Hello World', fill='green')
blank_image.save('drawn_image.jpg')

我们用 new ()方法创建一个 Image 对象。这将返回一个没有加载图像的 Image 对象。然后，我们添加一个矩形和一些文本的图像之前，保存它。

小开

其他答案中没有提到的一件事是检查文本大小。通常需要确保文本符合图像(例如，如果大小过大，则缩短文本)或确定绘制文本的位置(例如，对齐的文本顶部中心)。 Pillow/PIL 提供了两种检查文本大小的方法，一种是通过 ImageFont，另一种是通过 ImageDraw。如下所示，字体不能处理多行，而 ImageDraw 可以。

In [28]: im = Image.new(mode='RGB',size=(240,240))
In [29]: font = ImageFont.truetype('arial')
In [30]: draw = ImageDraw.Draw(im)
In [31]: t1 = 'hello world!'
In [32]: t2 = 'hello \nworld!'
In [33]: font.getsize(t1), font.getsize(t2) # the height is the same
Out[33]: ((52, 10), (60, 10))
In [35]: draw.textsize(t1, font), draw.textsize(t2, font)  # handles multi-lined text
Out[35]: ((52, 10), (27, 24))
小开

要在图像文件中添加文本，只需复制/粘贴下面的代码

<?php
$source = "images/cer.jpg";
$image = imagecreatefromjpeg($source);
$output = "images/certificate".rand(1,200).".jpg";
$white = imagecolorallocate($image,255,255,255);
$black = imagecolorallocate($image,7,94,94);
$font_size = 30;
$rotation = 0;
$origin_x = 250;
$origin_y = 450;
$font = __DIR__ ."/font/Roboto-Italic.ttf";
$text = "Dummy";
$text1 = imagettftext($image,$font_size,$rotation,$origin_x,$origin_y,$black,$font,$text);
imagejpeg($image,$output,99);
?> <img src="<?php echo $output; ?>"> <a href="<?php echo $output;    ?>" download="<?php echo $output; ?>">Download Certificate</a>
小开

首先安装枕头

pip install pillow

Example

from PIL import Image, ImageDraw, ImageFont


image = Image.open('Focal.png')
width, height = image.size


draw = ImageDraw.Draw(image)


text = 'https://devnote.in'
textwidth, textheight = draw.textsize(text)


margin = 10
x = width - textwidth - margin
y = height - textheight - margin


draw.text((x, y), text)


image.save('devnote.png')


# optional parameters like optimize and quality
image.save('optimized.png', optimize=True, quality=50)
小开

我最近不得不实现同样的事情。我已经在 皮皮上创建了一个包，它可能会派上用场: Pynter

您可以通过以下步骤向图像添加文本:

  1. 下载图片: curl https://i.imgur.com/XQCKcC9.jpg -o ./image.jpg

  2. 下载字体: curl https://fonts.google.com/download?family=Roboto -o ./roboto.zip ; unzip ./roboto.zip -d ./Roboto

  3. pip install pynter

from pynter.pynter import generate_captioned
font_path = './Roboto/Roboto-Regular.ttf'
image_path = './image.jpg'
im = generate_captioned('China lands rover on Mars'.upper(), image_path=image_path, size=(1080, 1350),
font_path=font_path, filter_color=(0, 0, 0, 40))
im.show()
im.convert('RGB').save('drawn_image.jpg')

这将是结果:

enter image description here

小开

你可以使用枕头或 PIL 模块做巨蟒


提交答案