【前端学习】当浏览器窗口大小发生变化的时候重新载入界面

之前用canvas画布做了一个星星连线的效果，如下图，蓝色箭头为鼠标位置

但当拉伸浏览器窗口，也就是浏览器窗口发生改变的时候就会发生错位的情况，如下

是因为鼠标星星的坐标为鼠标位置距离当前body可视区域的x，y坐标，而canvas画布被拉伸了，所以在画布上就形成了错位

document.onmousemove = function(e) {
   
   
				// 获取鼠标的位置
				var x = e.clientX;