如何在html5中点击特定区域?

如何在html5中点击特定区域?,html,Html,我用画布画了一个圆圈,并把它分成几行。我想要一个特定区域的坐标:如果我点击了一个特定区域,那么这个区域应该是可以点击的 以字轮游戏为例,一个圆被划分为多个不同坐标的区域,并在划分的区域内放置一些字母。如果我想单击带有字母“A”的特定区域,则应单击“A”并将其显示在文本框中 如何实现这一点?构成画布的元素不会被记住,因此,它们不是交互式的-一旦您将它们提交到画布,它们就会被包含到集体中。它们不像DOM元素那样是单独的元素 解决方法是自己记住事物的位置,倾听对canvas元素的点击,然后通过自己的逻

我用画布画了一个圆圈,并把它分成几行。我想要一个特定区域的坐标:如果我点击了一个特定区域,那么这个区域应该是可以点击的

以字轮游戏为例,一个圆被划分为多个不同坐标的区域,并在划分的区域内放置一些字母。如果我想单击带有字母“A”的特定区域,则应单击“A”并将其显示在文本框中


如何实现这一点?

构成画布的元素不会被记住,因此,它们不是交互式的-一旦您将它们提交到画布,它们就会被包含到集体中。它们不像DOM元素那样是单独的元素

解决方法是自己记住事物的位置,倾听对canvas元素的点击,然后通过自己的逻辑计算出点击落在什么地方

这不是小事。图书馆喜欢让它变得容易。使用这样的API将节省您大量的时间,就像使用jQuery实现DOM over vanilla JS一样