我正在为即将到来的项目评估技术选项，其中一个要求是在文本字段中的某些单词组周围绘制一个矩形。每次对文本进行评估和解析时，它的某些可识别部分必须用一个矩形框起来，该矩形也应该响应鼠标单击。甚至需要在这个矩形的一个角上放置一个小三角形。我无法控制这些要求，显然这个要求指出了在文本字段（或 div 容器）中获取文本的像素位置，并使用某种覆盖机制来绘制矩形。除非我使用了错误的关键字，否则谷歌搜索不会返回任何有用的结果，我非常感谢您对此主题的意见。
最好的问候 Seref Arikan Ps：任何关于使用 javascript 的基于高级浏览器 dom 的图形的书籍/资源也值得赞赏。
我建议看看这个插件：http: //johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
这不完全是你想要的，但你可能能够适应它。在运行内容中查找文本然后对其进行操作的工作有点混乱。
编辑请注意，该插件适用于 HTML 文档中的文本，而不是输入文本字段或<textarea>块中的文本。这将很难做到，但可能有人已经做到了。
我建议您使用多个无边界文本字段，每个文本字段都包含文本的单个部分（单词或字母），并根据需要在 span 中使用边框和三角形作为定位的背景图像包装组。