如何使用 Webdriver 或 Protractor 在画布中获取文本

Question

我有一个画布，我想在画布中获取文本。我可以将鼠标悬停在画布内，但不确定如何获取文本。上传了我需要使用量角器验证场景的图像 请帮忙？

<canvas style="background-color: rgb(255, 255, 255); width: 395px; height: 194px; cursor: auto;" width="592" height="291"/>

Answer 1

基本原理是您不能使用 Selenium。该CANVAS标签是像在页面中的小程序。它实际上不包含任何 HTML。有几个选项：

1. 如果您有权访问开发人员，则可以让他们为您公开 API，以便您可以使用 Selenium 脚本中的 Javascript 访问文本等。如果它是某个库等的一部分，则库本身可能会提供您可以使用的 API。这是最可靠的选择。

2. 对于执行操作，您可以使用坐标。您可以将所有点击等操作基于坐标，但这高度依赖于浏览器渲染、屏幕分辨率等。这不会帮助您从坐标中获取文本CANVAS。

3. 对于文本，您确实没有任何选项可以直接获取文本。您可以在运行完成后截取屏幕截图并验证文本，但这是您的最佳选择。如果您想变得真正花哨，取决于文本等，您可以找到一个 OCR 库，该库能够从您拍摄的屏幕截图中提取文本。