晚上下班回來(lái)，我發(fā)現(xiàn)女朋友坐在書(shū)桌前“搞事情”。不禁有點(diǎn)驚訝，居然沒(méi)有葛優(yōu)躺，居然沒(méi)有刷B站?。?！

但是看她時(shí)而抓頭，時(shí)而寫(xiě)些什么。

我就跑過(guò)去問(wèn)：寶貝，你在干嘛呢？

她說(shuō)：我今天簽名字的時(shí)候發(fā)現(xiàn)自己寫(xiě)的名字好丑，回來(lái)就想著練一下，但是怎么都寫(xiě)不好。

“不要著急，先去刷刷視頻歇一下。”

她喪氣地走向了沙發(fā)…

看她這樣，我心疼啊，得做點(diǎn)什么讓她高興一下。靈機(jī)一閃，不如就給她做個(gè)個(gè)性簽名軟件吧！

思路

說(shuō)干咱就干！略微想了一下，這事咱不能蠻干，畢竟不是專(zhuān)業(yè)的，搞一個(gè)那種實(shí)打?qū)嵉乃囆g(shù)字還是有點(diǎn)難度的。我擅長(zhǎng) Python 啊，我去找個(gè)簽名網(wǎng)站合作一下就行了。我?guī)е夹g(shù)，它帶著接口，我們倆一拍即合！

打開(kāi)百度，搜索關(guān)鍵詞“藝術(shù)簽名”，馬上出來(lái)一堆網(wǎng)站。我隨便打開(kāi)了一個(gè)，界面是這樣子的：

看起來(lái)還不錯(cuò)，咱們先看看你是不是一個(gè)好搭檔（能夠提供藝術(shù)字的接口）。

我直接打開(kāi)開(kāi)發(fā)者模式，然后在輸入框輸入“阿花”，點(diǎn)擊生成，界面上出現(xiàn)了藝術(shù)字。同時(shí)，我們來(lái)看看網(wǎng)絡(luò)請(qǐng)求。在這些網(wǎng)絡(luò)請(qǐng)求中，我注意到了兩個(gè)請(qǐng)求，有可能跟我們的接口有關(guān)。

接下來(lái)，咱們一個(gè)個(gè)查看這兩個(gè)請(qǐng)求。打開(kāi)第一個(gè)請(qǐng)求的詳情，如下所示：

看到這個(gè)請(qǐng)求的參數(shù)，我就知道這是我們的目標(biāo)，因?yàn)樗宋覀冃枰l(fā)送給網(wǎng)站后臺(tái)的內(nèi)容。我們?cè)倏匆幌抡?qǐng)求預(yù)覽便知道，這個(gè)請(qǐng)求返回的是一個(gè) HTML 頁(yè)面：

返回的頁(yè)面大體是對(duì)應(yīng)著這個(gè)網(wǎng)頁(yè)的內(nèi)容，但是在藝術(shù)簽名那里留了個(gè)空白，沒(méi)有顯示藝術(shù)簽名。

我們繼續(xù)看響應(yīng)內(nèi)容，可以觀察到那個(gè)空白處的html是這樣的：

<img id="showImg" src="cache/162816844360698.png"/>

這很顯然是一個(gè)以時(shí)間戳命名的圖片。

我們?cè)倏纯吹诙€(gè)請(qǐng)求，是不是請(qǐng)求的內(nèi)容和這個(gè)圖片名稱(chēng)一毛一樣呢？

這意思很明顯了，網(wǎng)站先返回一個(gè)頁(yè)面，然后再請(qǐng)求一個(gè)圖片，把圖片加載到這個(gè)頁(yè)面。

熟悉這個(gè)流程之后，我們簽名部分就搞定了，即：

• 將姓名、字體參數(shù)發(fā)送請(qǐng)求，獲取到一個(gè) HTML；
• 解析 HTML，找到簽名圖片名稱(chēng)；
• 發(fā)送獲取圖片請(qǐng)求，得到簽名圖片。

簽名部分搞定之后，剩下的就是畫(huà)一個(gè)界面，讓用戶(hù)輸入姓名、選擇字體，然后調(diào)用簽名接口就行。

實(shí)現(xiàn)

請(qǐng)求簽名圖片

這個(gè)網(wǎng)站的請(qǐng)求為 post 請(qǐng)求，一共有四個(gè)參數(shù)：

word: 姓名
fonts: 字體
sizes: 字體大小
fontcolor: 字體顏色
colors: 簽名背景顏色

我感覺(jué)這個(gè)網(wǎng)站的字體大小、背景顏色、字體顏色都很符合我的口味，所以我就不打算改了。只需要輸入名字和字體就行。

核心代碼為：

url = 'http://www.kachayv.cn/'
        data = {
            'word': name,
            'fonts': mapping_list[font],
            'sizes': 60,
            'fontcolor': '#ffffff',
            'colors': '#FD5668'
        }
        result = requests.post(url, data=data)
        result.encoding = 'utf-8'
        html = result.text
        print(html)
        p = re.compile('<img id="showImg" src="cache/(.*?)"/>')
        match = p.findall(html)
        urlretrieve('http://www.kachayv.cn/cache/' + match[0], './pic.jpg')

這里先獲取簽名圖片的網(wǎng)址，然后使用 urlretrieve 方法保存到本地。

設(shè)計(jì)和實(shí)現(xiàn)軟件界面

界面內(nèi)容也比較簡(jiǎn)單，我們只需要姓名輸入框、字體下拉選擇框和一個(gè)提交按鈕就可以了。我們還是使用 tkinter 來(lái)簡(jiǎn)單畫(huà)界面。

核心代碼為：

def draw_window(self):
        self.init_window = Tk()
        self.init_window.title("阿花專(zhuān)屬簽名設(shè)計(jì)")
        self.init_window.geometry("800x500")
        self.init_window.geometry("+400+200")

        # 姓名
        self.name_label = Label(self.init_window, text='鼎鼎大名', font=('微軟雅黑', 16), fg='black')
        self.name_label.grid(row=0, column=0, columnspan=1)
        self.name_entry = Entry(self.init_window, font=('宋體', 16))
        self.name_entry.grid(row=0, column=1)

        # 選擇字體模式
        self.font_label = Label(self.init_window, text='字體', font=('微軟雅黑', 16), fg='black')
        self.font_label.grid(row=0, column=5, columnspan=1)
        self.combox_list = ttk.Combobox(self.init_window, textvariable=StringVar())
        self.combox_list.grid(row=0, column=6, sticky='W')
        self.combox_list["value"] = ("行書(shū)簽", "超級(jí)藝術(shù)簽", "瀟灑簽", "手寫(xiě)連筆字", "行草簽", "花式簽", "溫柔女生", "個(gè)性簽", "商務(wù)簽", "正楷體", "楷書(shū)簽", "情書(shū)簽", "卡通可愛(ài)簽")
        self.combox_list.current(0)  # 選擇第一個(gè)

        # 觸發(fā)按鈕
        self.button = Button(self.init_window, text='美好來(lái)襲', font=('微軟雅黑', 16), command=self.get_sign)
        self.button.grid(row=1, column=3, rowspan=2, sticky='W')

        # 圖片展示
        self.pic_label = Label(self.init_window)
        self.pic_label.grid(row=3, column=1, rowspan=10, columnspan=5, sticky='NW')

這里面有一個(gè)麻煩的地方，就是網(wǎng)站的字體是類(lèi)似于“19.ttf”這樣子的，我肯定不能把這個(gè)顯示在界面上，而 tkinter 的下拉選擇框比較傻瓜，不能以 key-value 的形式傳值。

沒(méi)辦法，不能在一棵樹(shù)上吊死，我只能在中間加一個(gè)轉(zhuǎn)換：在界面上顯示人類(lèi)看得懂的中文，獲取到這個(gè)中文字體名之后，再跟網(wǎng)站需要的火星文做個(gè)映射。

界面運(yùn)行之后，是這樣子的：

合體

我們將上面兩部分的代碼整合在一起，然后再運(yùn)行，整個(gè)操作過(guò)程是這樣的：

后記

女朋友在沙發(fā)上躺了沒(méi)多久，我把她喊到書(shū)房，說(shuō)：我給你做了一個(gè)專(zhuān)屬簽名軟件，你看看合不合胃口？

她嘗試了一下，然后轉(zhuǎn)過(guò)頭來(lái)對(duì)我說(shuō)：老公，你真棒！雖然界面丑了點(diǎn)，但是這么短時(shí)間就把我的煩惱解決了，謝謝你！

情侶生活就是這樣的，平淡而樸實(shí)。其實(shí)這個(gè)問(wèn)題根本不需要我動(dòng)手做個(gè)丑陋的軟件，她直接去網(wǎng)站上操作，幾秒鐘的事。但是，我花點(diǎn)時(shí)間給她做一個(gè)專(zhuān)屬的，會(huì)讓她更開(kāi)心。其實(shí)她們并不需要你才華橫溢，不需要你有多大本事，只需要你在她們需要的時(shí)候給她們溫柔一擊，在不經(jīng)意間給她們一個(gè)驚喜，這就夠了！