這篇文章將使用 Pillow 圖像庫 以編程方式向圖像添加文本和圖標(biāo)層。有興趣的小伙伴們,可以一起來看看這篇文章。
先決條件
- 1000x600 像素的圖像。
- 一些演示圖標(biāo) 100x100 像素。
- 熟悉 Pipenv。
- 熟悉JupyterLab。
- 打開 安裝fonts/OpenSans-Bold.ttf.
入門
讓我們創(chuàng)建hello-img-layers
目錄并安裝 Pillow。
# Make the `hello-img-layers` directory
$ mkdir hello-img-layers
$ cd hello-img-layers
# Create a folder to place your icons
$ mkdir icons
# Init the virtual environment
$ pipenv --three
$ pipenv install pillow
$ pipenv install --dev jupyterlab
在這個階段,將你的 1000x600 圖像添加到根目錄 ( hello-img-layers
) 作為base_img.png
(至少這是我使用的)并將你的 100x100 圖標(biāo)添加到hello-img-layers/icons/
.# Startup the notebook server
$ pipenv run jupyter-lab
# ... Server is now running on http://localhost:8888/lab
創(chuàng)建筆記本
在http://localhost:8888/lab 上,選擇從啟動器創(chuàng)建一個新的 Python 3 筆記本。
確保此筆記本保存在hello-img-layers/docs/<your-file-name>
.
我們將創(chuàng)建四個單元來處理這個迷你項(xiàng)目的四個部分:
- 加載圖像。
- 創(chuàng)建目標(biāo)圖像并添加圖標(biāo)層。
- 創(chuàng)建文本層。
- 保存和顯示目標(biāo)圖像。
在圖像中加載
本節(jié)只是在 var 中加載圖像base_img
(假如你遵循筆記本在docs
文件夾中的目錄結(jié)構(gòu))。
from PIL import Image
# Concatenating an image
base_img = Image.open('../base_img.png')
創(chuàng)建目標(biāo)圖像并添加圖標(biāo)層
我們根據(jù)基本圖像的寬度和高度在此處創(chuàng)建目標(biāo)圖層,然后將該基本圖像粘貼回。
然后我們使用 glob 庫來獲取我們圖標(biāo)的所有路徑并將它們粘貼到基本圖像的頂部。
# Add in icons using a glob
import glob
from os.path import join, dirname, abspath
dst_img = Image.new('RGBA', (base_img.width, base_img.height))
dst_img.paste(base_img, (0, 0))
icons_dir = join(dirname(abspath("__file__")), '../icons')
icons = glob.glob(f"{icons_dir}/*")
for i, icon_path in enumerate(icons):
icon = Image.open(icon_path)
# @see https://stackoverflow.com/questions/5324647/how-to-merge-a-transparent-png-image-with-another-image-using-pil
dst_img.paste(icon, (60 + (i * icon.width) + (i * 20), base_img.height - 100 - icon.height), icon)
創(chuàng)建文本層
該層將加載我們的Open Sans
字體并將其繪制到圖像上。
在max_text_width=25
我這里選擇的是通過試驗(yàn)和錯誤。對于不同大小的圖像,可能有一種更可重用的方法來處理此問題。
import os
# Add your own font in
font = ImageFont.truetype(os.path.join('fonts/OpenSans-Bold.ttf'), 58)
import textwrap
text = "Sample Text that is too long but let us write a bunch anyway"
print(dst_img.width)
max_text_width = 25
wrapped_text = textwrap.wrap(text, width=max_text_width)
# setup up a variable to invoke our text method
draw = ImageDraw.Draw(dst_img)
for i, line in enumerate(wrapped_text):
# draw.text((0, height - (i * 20)), line, (0, 0, 0), font=font)
draw.text((60, 100 + (i * 80)),line,(255,255,255),font=font)
保存和顯示目標(biāo)圖像
最后,我們將保存并顯示我們的基本圖像。
dst_img.save('../dest_img.png')
# Display the image inline
display(Image.open('../dest_img.png'))
總結(jié)
本篇文章為大家演示了如何使用該Pillow
包以編程方式向圖像添加文本和圖標(biāo)層,感謝大家的閱讀。