嗨，我想在画布上绘制一个矩形，但是我希望该矩形的不透明度更高，鼠标越接近矩形。我知道这可能很简单，但是我一直在努力使它起作用。我目前没有在项目中使用任何库，所以纯JavaScript是可取的。
预先感谢
由于您不提供调整的代码，因此是文字概述：
- 听mousemove事件
- 计算Mousemove事件处理程序中的鼠标位置
- （在计算中，请确保对画布的偏移进行调整，因为您从事件听众获得的坐标相对于网页而不是画布本身） ）
- 使用"距离公式"从鼠标到矩形的中心（或矩形边缘）
- 做出设计决定，关于哪种距离将导致什么矩形不透明度
- 使用Context.ClearRect从画布中清除矩形
- 使用GlobalAlpha设置帆布不透明度：将context.globalalpha设置为您所需的不透明度。
- 重新绘制矩形
- 重复，重复，重复！