canvas覆盖在页面原有的元素上，导致页面元素无法被点击，且使用pointer-events会导致canvas的点击事件无法被触发
参考自chatGPT:
当canvas覆盖在页面原有的元素上时，会导致页面元素无法被点击的问题，这是因为canvas的默认行为是覆盖在其他元素之上，并且不会响应鼠标事件。在这种情况下，你可以尝试以下几种解决方法：
1.调整canvas的位置或大小：如果可能的话，尝试调整canvas的位置或大小，以便不会完全覆盖其他元素，从而允许其他元素可点击。
2.使用CSS属性pointer-events: none;：将此属性应用于canvas元素上，可以使canvas元素不响应鼠标事件，从而可以让其他元素在canvas上方可点击。但是需要注意的是，这样会导致canvas自身的点击事件也无法被触发。
3.使用JavaScript处理点击事件：将鼠标点击事件绑定到canvas上，并在事件处理函数中判断点击的位置是否在canvas上，如果是，则执行对应的逻辑；如果不是，则允许其他元素响应点击事件。
综合上述方法，你可以根据具体需求选择合适的解决方案来处理canvas覆盖其他元素导致的点击问题。