pip install DrissionPage pillow ddddocr

import base64
import numpy as np
from PIL import Image
import io
import ddddocr

def base64_decode(str):
    return base64.b64decode(str)

def slider_puzzle_qg(p_puzzle_path: str = ''):
    """
    將小拼圖去除透明邊緣，返回處理后的base64圖片和位置信息
    """
    image = Image.open(p_puzzle_path)
    width, height = image.size
    pixels = image.load()
    _a = 0  # 頂部透明行數(shù)
    _b = 0  # 有效拼圖高度
    _c = 0  # 底部透明行數(shù)
    k = []  # 有效像素
    buffered = io.BytesIO()
    for x in range(height):
        data_pixel = []
        for y in range(width):
            r, g, b, a = pixels[y, x]
            data_pixel += [(r, g, b, a)]
        NumPy_data_pixel = np.array(data_pixel)
        if np.all(NumPy_data_pixel == 0):
            if _b == 0:
                _a += 1
            else:
                if _c == 0:
                    new_image = Image.new('RGBA', (width, _b), color=(0, 0, 0, 0))
                    new_image.putdata(k)
                    new_image.save(buffered, format="PNG")
                _c += 1
        else:
            _b += 1
            k += data_pixel
    return {
        '最頂層-頂層距離': _a,
        '中間層-拼圖的高度': _b,
        '最底層-底層距離': _c,
        'base64': base64.b64encode(buffered.getvalue()).decode()
    }

def background_cutting(b_puzzle_path: str = '', b_size_h: int = 0, p_size_h: int = 0):
    """
    按小拼圖的高度切割背景圖，返回base64
    """
    image = Image.open(b_puzzle_path)
    width, height = image.size
    left, right = 0, width
    top, bottom = b_size_h, b_size_h + p_size_h
    cropped_image = image.crop((left, top, right, bottom))
    buffered = io.BytesIO()
    cropped_image.save(buffered, format="PNG")
    return {'base64': base64.b64encode(buffered.getvalue()).decode()}

def recognize_slider_distance(xiaopintu_path, beijingtu_path):
    """
    識(shí)別滑塊需要移動(dòng)的距離
    :param xiaopintu_path: 小拼圖路徑
    :param beijingtu_path: 背景圖路徑
    :return: 滑動(dòng)距離
    """
    det = ddddocr.DdddOcr(det=False, ocr=False, show_ad=False)
    xiaopintu_data = slider_puzzle_qg(p_puzzle_path=xiaopintu_path)
    beijingtu_data = background_cutting(b_puzzle_path=beijingtu_path, b_size_h=xiaopintu_data['最頂層-頂層距離'],
                                        p_size_h=xiaopintu_data['中間層-拼圖的高度'])
    res1 = det.slide_match(base64_decode(beijingtu_data['base64']), base64_decode(xiaopintu_data['base64']),
                           simple_target=True)
    res1 = res1['target'][0]
    # 為了更像人類(lèi)操作，可以加一點(diǎn)偏移
    res = res1 * 1.1 - 4
    return res

import random
import time
import base64
from DrissionPage import Chromium, ChromiumOptions
from utils.ocr_util import recognize_slider_distance  # 上文已詳細(xì)講解
from service.logger import logger

# 創(chuàng)建瀏覽器實(shí)例
co = ChromiumOptions().set_browser_path(r'C:\Path\To\chrome.exe')
tab = Chromium().latest_tab

def base64_decode(data):
    return base64.b64decode(data + '==')

def login_with_slider(tab, username, password):
    try:
        # 1. 打開(kāi)登錄頁(yè)面（URL已脫敏）
        tab.get('https://your-domain.com/login')
        # 2. 輸入賬號(hào)密碼
        username_ele = tab.ele('@@tag()=input@@placeholder=請(qǐng)輸入賬號(hào)')
        password_ele = tab.ele('@@tag()=input@@placeholder=請(qǐng)輸入密碼')
        username_ele.input(username)
        password_ele.input(password)
        # 3. 點(diǎn)擊登錄按鈕
        login_button = tab.ele('@@tag()=span@@text():登 錄')
        login_button.click(by_js=True)

        # 4. 獲取滑塊和背景圖片
        background_image_ele = tab.ele('@@tag()=div@@class=verify-img-panel').ele('@@tag()=img')
        gap_image_ele = tab.ele('@@tag()=div@@class=verify-sub-block').ele('@@tag()=img')
        xiaopintu_data = gap_image_ele.attr('src').split("data:image/png;base64,")[-1]
        background_img_data = background_image_ele.attr('src').split("data:image/png;base64,")[-1]
        with open('beijingtu.png', 'wb') as f:
            f.write(base64_decode(background_img_data))
        with open('xiaopintu.png', 'wb') as f:
            f.write(base64_decode(xiaopintu_data))

        # 5. 識(shí)別滑塊需要移動(dòng)的距離
        distance = recognize_slider_distance(xiaopintu_path="xiaopintu.png", beijingtu_path="beijingtu.png")
        tab.wait.ele_displayed('@@tag()=div@@class=verify-move-block', timeout=10)
        slider = tab.ele('@@tag()=div@@class=verify-move-block').wait.clickable(timeout=10)
        if not slider:
            logger.error('未找到滑塊元素，請(qǐng)檢查類(lèi)名或頁(yè)面結(jié)構(gòu)')
            return False
        else:
            tab.run_js('arguments[0].style.border="2px solid red"', slider)
            logger.info(' 找到滑塊元素，開(kāi)始滑動(dòng)')
            # 6. 獲取滑塊中心點(diǎn)坐標(biāo)
            slider_rect = tab.run_js('''
                const rect = arguments[0].getBoundingClientRect();
                return {
                    x: rect.x + rect.width / 2,
                    y: rect.y + rect.height / 2
                }
            ''', slider)
            try:
                # 7. 用 JS 模擬鼠標(biāo)事件拖動(dòng)滑塊
                tab.run_js('''
                    function simulateMouseEvent(element, eventType, x, y) {
                        const event = new MouseEvent(eventType, {
                            view: window,
                            bubbles: true,
                            cancelable: true,
                            clientX: x,
                            clientY: y
                        });
                        element.dispatchEvent(event);
                    }
                    const slider = arguments[0];
                    const startX = arguments[1];
                    const startY = arguments[2];
                    const distance = arguments[3];
                    simulateMouseEvent(slider, 'mousedown', startX, startY);
                    const segments = 5;
                    const segmentDistance = distance / segments;
                    let currentX = startX;
                    for (let i = 0; i < segments; i++) {
                        currentX += segmentDistance;
                        simulateMouseEvent(slider, 'mousemove', currentX, startY);
                    }
                    currentX -= 5;
                    simulateMouseEvent(slider, 'mousemove', currentX, startY);
                    simulateMouseEvent(slider, 'mouseup', currentX, startY);
                ''', slider, slider_rect['x'], slider_rect['y'], distance)
                logger.info(' 滑動(dòng)操作已發(fā)送')
                time.sleep(1)
            except Exception as e:
                logger.error(f' 滑動(dòng)出錯(cuò): {e}')
                return False
        # 8. 后續(xù)驗(yàn)證、UKey等操作略
        return True
    except Exception as e:
        logger.error(f"登錄失敗，錯(cuò)誤信息：{e}")
        return False

# 向右移動(dòng)鼠標(biāo)
# tab_.actions.right(distance - 10)
time.sleep(0.05)
# tab_.actions.right(10)