如果该图像上存在文本，如何在 html 页面中呈现时使图像上的文本可选？答案

【问题标题】：How to make a text on an image selectable when rendered in an html page if I have the text present on that image?如果该图像上存在文本，如何在 html 页面中呈现时使图像上的文本可选？
【发布时间】：2020-04-08 12:58:31
【问题描述】：

我有一张带有文本的扫描文档图像，并且我设法使用 Tesseract 从该图像中提取了文本。但是现在我想在网页上呈现这个图像，以便可以选择文档上写的文本。我想到的一种方法是在图像顶部创建一个文本层并在图像画布上渲染文本，但我真的不知道如何使这成为可能。

【问题讨论】：

ishank-dev.github.io/Image-Text-Selector 这是演示的链接，只需添加带有文本的图像的 URL，例如书页。如果生成的文本能以某种方式出现在图像的顶部，则问题将得到解决

标签： html tesseract

【解决方案1】：

所以我能够解决问题，我试图从中选择文本的书页有一个所有书页的 XML 文件，其中包含每行和单词的坐标。所以我所做的只是传递选定矩形区域的坐标，检查单词是否位于该区域内并打印出来。可以看demohere

【讨论】：

【解决方案2】：

互联网上有很多这样的例子，例如

棘手的是将识别单词的位置与图像位置对齐。

【讨论】：

是的，对齐是这里的主要问题。只有当我们的图像与提取的单词格式相同时，它才会起作用。