canvas如何选中一个形状

Question

有一个圆环是用canvas画出来的，如下图：

现在想点击圆环的一部分实现选中效果，改变圆环及文字的颜色，但是canvas不能监听里面元素的点击事件，请问应该怎么判断点击了圆环并改变它的状态呢？求大佬指点~先谢谢了

Answer 1

好像只能通过判断坐标位置是否在选中文字区域内，获取点击事件event的clientX和clientX，判断是否在元素内。
或者可以考虑写一个透明的遮罩层，用一个小矩形包裹住选中文字区域，后面监听这个矩形是否点击就行。