84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Canvas中画出气球后，该如何实现对气球元素的拖动,并气球拖动到顶部是消失
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件判断鼠标起始位置鼠标移动获取坐标，擦除并重新绘制气球到顶部 擦除。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。
拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件
判断鼠标起始位置
鼠标移动获取坐标，擦除并重新绘制气球
到顶部 擦除。