Canvas中画出气球后，该如何实现对气球元素的拖动,并气球拖动到顶部是消失
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件判断鼠标起始位置鼠标移动获取坐标，擦除并重新绘制气球到顶部 擦除。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。
拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件
判断鼠标起始位置
鼠标移动获取坐标，擦除并重新绘制气球
到顶部 擦除。