HTML字符串轉(zhuǎn)圖片是一種常見(jiàn)的需求，尤其是在前端開(kāi)發(fā)中，我們需要將一段HTML代碼轉(zhuǎn)換為圖片，以便在不支持HTML的環(huán)境中使用，本文將詳細(xì)介紹如何使用Python的PIL庫(kù)和wkhtmltopdf工具將HTML字符串轉(zhuǎn)換為圖片。

準(zhǔn)備工作

1、安裝Python環(huán)境：首先需要安裝Python環(huán)境，推薦使用Python 3.x版本。

2、安裝Pillow庫(kù)：Pillow是Python的一個(gè)圖像處理庫(kù)，可以用來(lái)操作圖片，在命令行中輸入以下命令進(jìn)行安裝：

pip install pillow

3、安裝wkhtmltopdf：wkhtmltopdf是一個(gè)將HTML轉(zhuǎn)換為PDF的命令行工具，在命令行中輸入以下命令進(jìn)行安裝：

對(duì)于Windows用戶(hù)：

下載預(yù)編譯的二進(jìn)制文件
wget https://github.com/wkhtmltopdf/packaging/releases/download/0.12.5/wkhtmltox0.12.5_win64.zip
unzip wkhtmltox0.12.5_win64.zip

對(duì)于Linux用戶(hù)：

sudo aptget install wkhtmltopdf

將HTML字符串轉(zhuǎn)換為圖片的步驟

1、導(dǎo)入所需庫(kù)：首先需要導(dǎo)入Pillow庫(kù)中的Image模塊和ImageOps模塊。

from PIL import Image, ImageOps

2、設(shè)置HTML字符串：將需要轉(zhuǎn)換的HTML字符串賦值給一個(gè)變量。

html_str = """



    


    
歡迎來(lái)到我的網(wǎng)站！
    
這是一個(gè)用于測(cè)試HTML字符串轉(zhuǎn)圖片的頁(yè)面。


"""

3、使用wkhtmltopdf將HTML字符串轉(zhuǎn)換為PDF：使用wkhtmltopdf將HTML字符串轉(zhuǎn)換為PDF文件，注意，這里需要指定wkhtmltopdf的路徑。

html_pdf_path = "output.pdf"  # PDF文件路徑
command = f"wkhtmltopdf {html_str} {html_pdf_path}"  # 構(gòu)造wkhtmltopdf命令
os.system(command)  # 執(zhí)行命令

4、讀取PDF文件并將其轉(zhuǎn)換為圖片：使用Pillow庫(kù)的Image模塊讀取PDF文件，然后將其轉(zhuǎn)換為圖片，注意，這里需要指定輸出圖片的路徑。

img_path = "output.jpg"  # 輸出圖片路徑
img = Image.open(html_pdf_path)  # 打開(kāi)PDF文件
img = ImageOps.fit(img, (800, 600), Image.ANTIALIAS)  # 縮放圖片并去除鋸齒
img.save(img_path)  # 保存圖片

至此，HTML字符串已經(jīng)成功轉(zhuǎn)換為圖片，你可以查看生成的圖片文件來(lái)確認(rèn)結(jié)果，如果需要將這個(gè)過(guò)程封裝成一個(gè)函數(shù)，可以參考以下代碼：

import os
from PIL import Image, ImageOps
def html_string_to_image(html_str, output_img_path):
    # 設(shè)置HTML字符串和輸出圖片路徑
    html_str = html_str + ""  # 確保HTML字符串以結(jié)束標(biāo)簽結(jié)尾
    output_img_path = output_img_path + ".jpg"  # 確保輸出圖片路徑以.jpg結(jié)尾
    html_pdf_path = "temp.pdf"  # PDF文件路徑，臨時(shí)使用一個(gè)文件名即可
    command = f"wkhtmltopdf {html_str} {html_pdf_path}"  # 構(gòu)造wkhtmltopdf命令
    os.system(command)  # 執(zhí)行命令，將HTML字符串轉(zhuǎn)換為PDF文件
    img = Image.open(html_pdf_path)  # 打開(kāi)PDF文件，將其轉(zhuǎn)換為圖片對(duì)象
    img = ImageOps.fit(img, (800, 600), Image.ANTIALIAS)  # 縮放圖片并去除鋸齒，保持寬高比為16:9（800x600）
    img.save(output_img_path)  # 保存圖片到指定路徑，覆蓋同名文件（如果有的話）
    os.remove(html_pdf_path)  # 刪除臨時(shí)生成的PDF文件（可選）
    return True  # 如果成功生成圖片，返回True；否則返回False（由于權(quán)限問(wèn)題無(wú)法訪問(wèn)wkhtmltopdf或輸出目錄不存在等）

示例代碼及使用方法：以下是一個(gè)完整的示例代碼，展示了如何使用上述函數(shù)將HTML字符串轉(zhuǎn)換為圖片，請(qǐng)確保已正確安裝所需的庫(kù)和工具，并根據(jù)實(shí)際情況修改HTML字符串和輸出圖片路徑。

分享文章：HTML字符串轉(zhuǎn)圖片
文章出自：http://www.5511xx.com/article/dpjpedd.html