[實戰]製做簡單的公衆號二維碼關注圖

時間 2019-11-30

標籤實戰製做簡單公衆號二維關注简体版

原文原文鏈接

本文大約 1933 字，閱讀大約須要 6 分鐘php

最近剛剛更換了公衆號名字，而後天然就須要更換下文章末尾的二維碼關注圖，可是以前是經過 windows 自帶的畫圖軟件作的，可是以前弄的時候其實仍是比較麻煩的，因此我就想做爲一名程序猿，固然要努力用代碼解決這個問題。html

並且最近發現了一個新的圖像處理方面的庫--Wand，它是 ImageMagick 庫的 Python 接口。因而，我就打算用這個庫來實現簡單的製做一個二維碼關注圖，主要是完成如下幾個工做：python

製做一個白色的背景圖；
將背景圖和公衆號二維碼圖合成；
添加文字獲得最終的合成圖

簡介

Wand 是基於 ctypes 庫的適用於 Python 的 ImageMagick 的封裝庫。git

相比其餘對 ImageMagick 的封裝庫，Wand 有如下幾個優點：github

符合 Python 習慣和現代化的接口
有好的文檔
經過 ctypes 進行封裝
能夠採用 pip 安裝

安裝教程

在 ubuntu下，能夠直接按照下列命令安裝：ubuntu

$ apt-get install libmagickwand-dev
$ pip install Wand
複製代碼

安裝要求

對 Python 版本要求：windows

Python 2.6+
CPython 2.6+
CPython 3.2+ or higher
PyPy 1.5+ or higher

MagickWand librarybash

Debian/Ubuntu 系統：採用 apt-get 安裝 libmagickwand-dev
Mac 系統：用 MacPorts/Homebrew 安裝 imagemagick
CentOS 系統：使用 yum 安裝 ImageMagick-devel

Windows 注意事項

主要仍是參照第一篇文章來安裝，而且主要是在 Windows 下安裝，其中下載 ImageMagick 的時候，在下載地址中須要選擇 6.9版本的 dll 的 exe 執行文件安裝，而不能選擇最新版本的 7.0+，不然在 Python 中調用的時候，會出現問題ImportError: MagickWand shared library not found.，緣由根據Python doesn't find MagickWand Libraries (despite correct location?)中的說法是微信

A few sources said that Image Magick 7.x is not compatible with magick Wand so make sure you're using 6.x. Additionally, "static" suffix versions do not work. The one that finally worked for me was "ImageMagick-6.9.8-10-Q8-x64-dll.exe"機器學習

也就是說 Image Magick 7.x 版本和 Wand 並不適配，因此只能採用 6+ 版本的。

實戰

安裝完成後，這裏首先須要準備一張或者幾張要合成的圖片，好比做爲背景的圖片和前景圖片，這裏我是先給定大小來生成背景圖片，而前景圖片天然是個人公衆號二維碼圖片了：

首先是須要導入如下這些包：

from wand.image import Image
from wand.drawing import Drawing
from wand.color import Color
from wand.display import display
複製代碼

1. 生成背景圖片

生成背景圖片的代碼以下所示：

# 畫一個純白背景，並保存
def draw_bg(self, width, height, filename=None, color='white'):
    img = Image(width=width, height=height, background=Color(color))
    if filename is not None:
        img.save(filename=filename)

    return img
複製代碼

這裏就是根據傳入的寬和高width,height，以及背景顏色color，生成指定大小和顏色的背景圖片。

2. 將背景圖和公衆號二維碼圖合成

接着就是合成圖片的函數代碼：

# 合成圖片
def composite_with_image(self, img_back, img, left, top, save_name=None, is_display=False):
  draw = Drawing()
  draw.composite(operator='atop',
                left=left, top=top,
                width=img.width,
                height=img.height,
                image=img)
  draw(img_back)
  if is_display:
  	display(img_back)
  if save_name is not None:
  	img_back.save(filename=save_name)
  return img_back
# 讀取圖片
def read_image(self, image_name):
  img = Image(filename=image_name)
  print('width=', img.width)
  print('height=', img.height)
  print('size=', img.size)
  return img, img.width, img.height
複製代碼

首先是用read_image()函數讀取待合成的圖片，而後利用composite_with_image函數來合成輸入的兩張圖片，其中img_back表示背景圖片，而img就是前景圖片，left, top分別是前景圖片在背景圖片的左上角座標位置。

這一步獲得的結果以下所示，這裏我設置的背景圖片大小爲：

image_name = 'qrcode.jpg'
qrcode_img, width, height = read_image(images_name)
bg_width = int(width * 2.5)
bg_height = int(height * 1.1)
複製代碼

3. 添加文字

最後一步就是添加文字了，前面兩步其實都很是簡單，直接調用接口便可，可是添加文字的時候，卻出現問題了。是什麼問題呢？

首先先給出wand添加文字的代碼：

def draw_text(self, image, x, y, text, font_size=15, font_style='normal', text_alignment='left',text_color='Black', filename=None, is_display=False):
    draw = Drawing()
    draw.fill_color = Color(text_color)
    draw.font_size = font_size
    draw.font_style = font_style
    draw.text_alignment = text_alignment
    draw.text(x, y, text)
    draw(image)
    if is_display:
        display(image)
    if filename is not None:
        image.save(filename=filename)
    return image
複製代碼

剛剛說的問題，其實也是 Python 很常見的問題，就是若是使用到中文的字符串的問題，原本我認爲也是編碼問題，可是我發現設置一個只包含英文字符串，和包含有中文字符串的結果是這樣的：

代碼以下所示：

text1 = 'Hello world'
text2 = 'wechat:機器學習與計算機視覺'
 x = int(width * 1.5) + 50
 margin = 60
y2 = int(bg_height // 2)
y1 = y2 - margin
x1 = x2 = x + 20

result1 = draw_text(composite_images, x1, y1, text1, font_size=20, text_color='Gray', 			 text_alignment='center', filename='qrcode_composition.jpg', is_display=False)
result2 = draw_text(result1, x2, y2, text2, font_size=30, text_color='Black',
                      text_alignment='center',filename='qrcode_composition.jpg',
                                             is_display=False)
複製代碼

因此這應該不是編碼問題，經過谷歌搜索後，發現應該是wand默認不支持中文字符的緣由，接着在看到參考文章4後，我發現能夠經過wand.drawing.Drawing.font()接口導入支持中文的字體來解決這個問題，而這些字體在哪裏能夠找到呢，其實在c:\windows\fonts\目錄下面就能夠找到了，宋體、微軟雅黑的字體，只要指定字體路徑便可，所以更新後的代碼以下：

FONT_DICT = {'宋體': 'songti.ttc',
             '微軟雅黑1': 'msyh.ttc',
             '微軟雅黑2': 'msyhbd.ttc',
             '微軟雅黑3': 'msyhl.ttc'}
def draw_text(self, image, x, y, text, font_size=15, font_style='normal',font=None, text_alignment='left',text_color='Black', filename=None, is_display=False):
    draw = Drawing()
 	if font is not None:
        draw.font = font
    draw.fill_color = Color(text_color)
    draw.font_size = font_size
    draw.font_style = font_style
    draw.text_alignment = text_alignment
    draw.text(x, y, text)
    draw(image)
    if is_display:
        display(image)
    if filename is not None:
        image.save(filename=filename)
    return image
複製代碼