javascript - 是否可以使用 Javascript 获取文本的像素坐标并在其周围绘制矩形边框？

Question

我正在评估即将到来的项目的技术选项，其中一个要求是在文本字段中的某些单词组周围绘制一个矩形。每次评估和解析文本时，必须用矩形框住文本的某些已识别部分，该矩形也应该响应鼠标单击。甚至需要在这个矩形的一个 Angular 上放置一个小三 Angular 形。我无法控制这些要求，显然这个要求指出了获取文本字段(或 div 容器)中文本的像素位置，并使用某种覆盖机制来绘制矩形。除非我使用了错误的关键字，否则谷歌搜索不会返回任何有用的结果，我非常感谢您对此主题的输入。

致以诚挚的问候塞雷夫·阿里坎PS:任何有关使用 javascript 的基于 DOM 的高级浏览器图形的书籍/资源也值得赞赏。

Answer 1

我建议查看这个插件:http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

这并不完全是您想要的，但您也许可以调整它。在运行内容中查找文本然后对其进行操作的工作有点困惑。

编辑请注意，该插件适用于 HTML 文档中的文本，而不是输入文本字段或 <textarea> 中的文本。 block 。这很难做到，但可能有人已经做到了。