JavaScript 如何判断鼠标是否移动到矩形边框上

要判断鼠标在画布上移动时是否移动到矩形的四条边框上，可以通过比较鼠标的坐标和矩形的坐标以及宽度和高度来确定。

首先，需要获取鼠标的坐标，可以通过事件对象的 clientX 和 clientY 属性来获取，例如 event.clientX 和 event.clientY。

然后，需要获取矩形的坐标和宽度和高度。可以通过 imgRect.x 和 imgRect.y 来获取矩形的左上角坐标，通过 imgRect.width 和 imgRect.height 来获取矩形的宽度和高度。

接下来，可以通过比较鼠标的坐标和矩形的坐标和宽度和高度来判断是否在矩形的四条边框上。

例如，判断鼠标是否在矩形的上边框上，可以使用以下条件：

if (event.clientY >= imgRect.y && event.clientY <= imgRect.y + imgRect.height && event.clientX >= imgRect.x && event.clientX <= imgRect.x + imgRect.width) {
  // 鼠标在矩形的上边框上
}

类似地，可以通过修改条件判断鼠标是否在矩形的下边框、左边框和右边框上。