84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
Canvas中画出气球后，该如何实现对气球元素的拖动,并气球拖动到顶部是消失
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件判断鼠标起始位置鼠标移动获取坐标，擦除并重新绘制气球到顶部 擦除。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。
拖到顶部消失，就是判断气球顶部坐标的问题。
添加鼠标事件
判断鼠标起始位置
鼠标移动获取坐标，擦除并重新绘制气球
到顶部 擦除。