ocrGetText

取得圖片上的文字。

用法

const result = await browser.ocrGetText();

console.log("result = ", JSON.stringify(result, null, 2));

輸出

結果

result = "VS docs API Blog Contribute Community Sponsor v8 *Engishy CV} Q OQ G asearch Next-gen browser and mobile automation Welcome! How can | help? i test framework for Node.js Get Started Why WebdriverI0? View on GitHub Watch on YouTube"

日誌

[0-0] 2024-05-25T17:38:25.970Z INFO webdriver: COMMAND ocrGetText()
......................
[0-0] 2024-05-25T17:38:26.738Z INFO webdriver: RESULT VS docs API Blog Contribute Community Sponsor v8 *Engishy CV} Q OQ G asearch Next-gen browser and mobile automation Welcome! How can | help? i test framework for Node.js Get Started Why WebdriverI0? View on GitHub Watch on YouTube

選項

contrast

• 類型： number
• 必要： 否
• 預設值： 0.25

對比度越高，圖像越暗，反之亦然。這可以幫助在圖像中找到文字。它接受 -1 和 1 之間的值。

範例

await browser.ocrGetText({ contrast: 0.5 });

haystack

• 類型： number
• 必要： WebdriverIO.Element | ChainablePromiseElement | Rectangle

這是螢幕上需要 OCR 尋找文字的搜尋區域。它可以是一個元素或一個包含 x、y、width 和 height 的矩形

範例

await browser.ocrGetText({ haystack: $("elementSelector") });

// OR
await browser.ocrGetText({ haystack: await $("elementSelector") });

// OR
await browser.ocrGetText({
    haystack: {
        x: 10,
        y: 50,
        width: 300,
        height: 75,
    },
});

language

• 類型： string
• 必要： 否
• 預設值： eng

Tesseract 將會辨識的語言。更多資訊可以在這裡找到，而支援的語言可以在這裡找到。

範例

import { SUPPORTED_OCR_LANGUAGES } from "@wdio/ocr-service";
await browser.ocrGetText({
    // Use Dutch as a language
    language: SUPPORTED_OCR_LANGUAGES.DUTCH,
});