以下是使用DrissionPage截取指定<img>標(biāo)簽范圍圖片的兩種方法，根據(jù)需求選擇最適合的方案：

方法一：純DrissionPage實現(xiàn)（推薦）

from drission import DrissionPage# 初始化頁面對象
page = DrissionPage()
page.get('https://example.com')  # 替換為目標(biāo)頁面# 定位目標(biāo)圖片元素（假設(shè)是頁面第一個img）
img_element = page.ele('img:first-child')# 直接截取元素范圍圖片（自動處理滾動和裁剪）
img_element.screenshot('./cropped_image.png')

方法二：結(jié)合PIL精確裁剪（適合復(fù)雜場景）

from drission import DrissionPage
from PIL import Image
from io import BytesIOpage = DrissionPage()
page.get('https://example.com')# 定位目標(biāo)圖片
img_element = page.ele('#target-image')  # 替換為實際選擇器# 獲取元素位置信息
rect = img_element.rect# 執(zhí)行全屏截圖
full_screenshot = page.driver.get_screenshot_as_png()# 使用PIL處理截圖
with Image.open(BytesIO(full_screenshot)) as img:# 計算實際截圖區(qū)域（考慮頁面滾動偏移）left = rect['x']top = rect['y']right = left + rect['width']bottom = top + rect['height']# 精確裁剪cropped = img.crop((left, top, right, bottom))cropped.save('./precise_cropped.png')

關(guān)鍵點說明：

1. 元素定位：

   • 使用CSS選擇器精準(zhǔn)定位目標(biāo)圖片（如img.logo、#profile-pic）
   • 推薦通過開發(fā)者工具檢查元素特征后編寫選擇器

2. 滾動處理：

   # 方法一：強制滾動到元素位置（確保完整截圖）
   page.driver.execute_script("arguments[0].scrollIntoView();", img_element)# 方法二：等待元素可見（自動處理懶加載）
   page.wait_element(img_element, timeout=10)
   

3. 坐標(biāo)修正：

   • 對于固定定位元素，可能需要計算視口偏移：

   scroll_y = page.driver.execute_script("return window.pageYOffset;")
   rect['y'] -= scroll_y  # 修正垂直坐標(biāo)
   

4. 性能優(yōu)化：

   • 添加等待時間確保圖片加載完成：

   page.wait(3)  # 簡單等待
   # 或
   page.wait_load(state='complete')  # 智能等待頁面加載
   

常見問題處理：

1. 截圖模糊：

   • 設(shè)置高DPI截圖：

   page.driver.set_window_size(1920, 1080)  # 調(diào)整瀏覽器窗口尺寸
   page.driver.execute_script("document.body.style.zoom='200%'")  # 放大頁面
   

2. 動態(tài)加載圖片：

   • 觸發(fā)圖片加載：

   page.driver.execute_script("arguments[0].src = arguments[0].src;", img_element)
   

3. Canvas圖片：

   • 對于Canvas繪制的圖片，需要：

   canvas_data = page.driver.execute_script("return arguments[0].toDataURL();", canvas_element)
   with open('canvas_image.png', 'wb') as f:f.write(base64.b64decode(canvas_data.split(',')[1]))
   

根據(jù)實際需求選擇合適的方法，方法一更簡潔高效，方法二提供更精細(xì)的控制能力。建議優(yōu)先測試方法一，在遇到特殊場景時再使用方法二結(jié)合PIL處理。