canvas - 如何使用 Webdriver 或 Protractor 在 Canvas 中获取文本

Question

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

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

Answer 1

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

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

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

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