作者：豆豆

來源：Python 技術

我們都知道當把圖片無限放大時，就會看到一個個的小方格，而這每一個小方格就是組成圖片的最小單位，我們稱之為像素，換言之，對于單獨的一個像素來說，它只有一個固定的色值，是不可再分的。

大膽一點，如果我們在這每一個像素塊中填充上不同的字以組成你想說的話，然后再發給你心中的那個她，會不會有意外的驚喜呢。

先從原理上來講講此方案為啥可行，拋開整張圖片不談，先單獨看下這一個像素塊。

一個像素點其大小是 1 x 1 像素，但要想把一個這么大的字裝進這么小的像色塊里面，即使能裝進去，放大之后也是很難看清楚的，更別說后面的驚喜了。

因此，我們需要將像素塊放大，放大到足夠看清字體為止，經過派森醬多次測試發現 15 倍足矣，再小的話字體就非常模糊了。

同時因為每個像素塊都是有自己的色值的，所以當我們把像素放大到 15 x 15 時，要填充上對應顏色的文字才行。

處理好這一個像素點，再對其余所有像素點都采取同樣的操作即可，這樣最后得到的圖片會是原來的 15 倍大，但從宏觀來看圖片的色值并不會有任何改變。

模塊安裝

由于要對圖片進行操作，我們用到的庫是 Pillow，可直接通過 pip 進行安裝。

pip install Pillow

初步使用

為了故事的順利發展，需要先熟悉幾個 Pillow 的常規操作。

1、新建圖片并保存

from PIL import Image

img = Image.new("RGB", (512, 512), (0, 100, 200)) # 創建一張新的圖片 Image.new(mode, size, color=0)  img.save("img.png")

效果如下所示：

2、重新繪制圖片

我們可以在上面剛生成的圖片中繪制一些線條，此處是勾畫出兩條對角線。

from PIL import Image

img = Image.open("img.png") # 打開圖片 draw = ImageDraw.Draw(img) # 取得繪圖對象，用于繪制對角線 draw.line((0, 0, img.size[0], img.size[1]), fill=128, width=2)
draw.line((0, img.size[1], img.size[0], 0), fill=128, width=2)
img.save("img-line.png")

效果如下所示：

3、圖片合并

我們還可以將一張圖片合并到另一張圖片之上，看起來就像是粘上去的一樣。

from PIL import Image

img = Image.open("img.png") # 打開圖片 img_small = Image.new("RGB", (32, 32), 'red') # 創建圖片 img.paste(img_small, (20, 20)) # 將 img_small 粘貼到 img 的 (20,20) 位置處 img.save("img-paste.png")

效果如下所示：

放大招

有了以上的基礎，接下來就直接上手開干了。

首先我們找了一張月亮的圖片，然后準備把「今晚的月色真美」填充到圖片中。當然此處對內容做了簡化，你完全可以將任何自己想告訴對方的話寫進去。

首先定義好要用到的基本變量，像素放大尺寸 img_child_size、內容、字體設置、圖片路徑等。

from PIL import Image, ImageDraw, ImageFont

img_child_size = 15 text = "今晚的月色真美" font = ImageFont.truetype('AliPuHui-Bold.ttf', img_child_size) 
img_path = './moon.png' 

其次創建一個大小為 img_child_size 的小圖 img_child 用于填充字體，一個原始圖片擴大 img_child_size 倍的新圖 img_ans 用于裝載前面填充好字體的小圖。

img = Image.open(img_path)
img_w, img_h = img.size
img_child = Image.new("RGB", (img_child_size, img_child_size))
img_ans = Image.new("RGB", (img_child_size * img_w, img_child_size * img_h))

最后，就是循環遍歷原圖的每一個像素點，針對每個像素點（x,y）都要用繪制好文字的小圖 img_child 粘貼到新圖 img_ans 的對應位置上去。當然其中為了讓字體居中還做了一些處理。

text_w, text_h = font.getsize("中") # 獲取單個文字的寬、高 offset_x = (img_child_size - text_w) >> 1 # 文字水平居中 offset_y = (img_child_size - text_h) >> 1 # 文字垂直居中 char_index = 0 draw = ImageDraw.Draw(img_child) # 小圖的繪圖對象，用于繪制文字 for x in range(img_w): # 寬在外 高在內，因此文字的方向是從左到右，從上到下排列的 for y in range(img_h): draw.rectangle((0, 0, img_child_size, img_child_size), fill='lightgray') # 繪制背景，看起來會好一些 draw.text((offset_x, offset_y), text[char_index], font=font, fill=img.getpixel((x, y))) # 用（x,y）處像素點的色值繪制字體 img_ans.paste(img_child, (x * img_child_size, y * img_child_size)) char_index = (char_index + 1) % len(text) img_ans.save('moon-text.png') 

來看看最終結果。

看不是很清楚對不對，咱放大看。

有點意思了對不對，繼續放大。

哈哈哈，驚不驚喜，意不意外。

總結

今天派森醬帶大家一起搞了個好玩的，用文字來填充圖片，只要理解了圖片、像素、文字之間的關系代碼就很容易寫出來了。