kineticjs - Kineticjs - 有没有办法突出显示选定的文本？

Question

我希望能够在单击按钮时选择文本并突出显示选定的文本。我知道我可以使用 Jquery 或 Html5 'mark' 但我正在绘制一个 Pdf 文档，所以我不能真正使用它。有任何想法吗？谢谢

Answer 1

既然你问了任何想法......

以下是如何选择和突出显示动态文本的粗略大纲。

• 创建一个背景层来保存文本高亮。
• （亮点只是在选定的文本片段下绘制的填充矩形）。
• 创建一个前景文本层来保存实际文本。
• 监视鼠标单击以确定用户单击的位置（他们希望选择的位置）。
• 使用 context.measureText 确定用户正在选择哪些文本，并在要突出显示的文本下方的背景层上绘制一个突出显示矩形。