Javascript 如何在画布上添加DOM对象

问题在于画布上的标记工具

首先，我可以在画布上画箭头、直线或矩形。
然后，我可以选择我在画布上画的东西。例如如果我单击箭头，它将在其周围显示一个虚线正方形，以表明我已选择它

起初，我认为可以在箭头周围放置一个div元素并将其隐藏。然后，如果我单击div元素并显示该元素，就像我选择了箭头一样

但我发现我不能在画布上放置其他DOM元素

有人知道怎么做吗？
或者有人知道其他实现方法吗？

---

它可以通过js库执行。我尝试了一些现有的框架，但没有得到任何线索。

从以下内容开始怎么样：

---

你也可以看看现有的框架，比如

你可以使用一些javascript库。

这是你的家庭作业结束了吗？不，这不是我的家庭作业。然后像这样写：

它可以用js库执行

。这个问题表明，你没有搜索，也没有做足够的工作来理解一个问题，你只是想有人来解决它。你是否曾经使用过一个名为Close或Mochikit的现有javascript框架？（注：我读过这个页面，它喜欢我第一次提出的想法，但后来我认为它可能太复杂了。但现在它似乎是唯一的解决方案。）我从来没有使用过这些，但框架的目的是通过提供一个好的、简单的API和函数，使开发人员更容易使用。