Javascript 选择一个文本并将其高亮显示为永久文本，可以自由绘制任何内容

我有一个带文本的div，当我选择（从一个字母到另一个字母的鼠标移动）一段特定的文本时，我想同时用背景和下划线突出显示

我还想用画笔一样的指针在div中画一些随机的东西

---

关于如何实现这一点有什么想法吗？至少对于第一个例子。

试着理解下面的例子

文本 这部分在css中

一 { color://define 颜色 }

一：悬停 { color://define 突出显示颜色

---

}

也许画布是我想要做的。但我不知道如何使用画布和鼠标来绘制东西。有教程吗？