Javascript 如何在画布中的用户单击上显示菜单

我是一个有画布元素的乞丐，但我在谷歌上的研究进展不顺利。。。所以，我有我的画布元素，我在画布上画了很多矩形

目前，当我点击我的形状时，我能够显示一条警告消息，如“你点击了矩形54”。但我不想显示警报框。我想显示一个带有一些选项的菜单，如“删除”或“更多详细信息”

我发现了大量关于html元素上javascript菜单的文章，但没有关于画布的文章。。。我发现只有Firefox可以使用

有办法吗

现在我想，我会画一个新的矩形显示选项，但它看起来有点脏，我对冲突事件感到震惊

---

提前谢谢。

这张菜单有什么作用？即，它是否显示新菜单？它会删除现有的菜单吗？它就像一个文件系统，您可以在其中不断深入？您是否有一些示例代码是我们可以查看的JSFIDLE？根据用户单击的位置，菜单可能很容易需要扩展到画布区域之外，因此使用画布本身来显示菜单有点限制。一个好主意是点击测试你的形状，点击可以显示一个隐藏的div，其中包含你想要在菜单上显示的任何html元素。这是你可以在这里看到的标准菜单：。只是我不明白如何在画布的矩形上启用它。下拉菜单可以，但当我点击矩形时如何显示它呢？