メインコンテンツにスキップ

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がテキストを探す画面内の検索領域です。これは要素またはxywidthheightを含む矩形にすることができます。

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

// または
await browser.ocrGetText({ haystack: await $("elementSelector") });

// または
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({
// オランダ語を使用
language: SUPPORTED_OCR_LANGUAGES.DUTCH,
});

Welcome! How can I help?

WebdriverIO AI Copilot