HTML5:Canvas中画出气球后，如何实现对气球元素的拖动

Question

Canvas中画出气球后，该如何实现对气球元素的拖动,并气球拖动到顶部是消失

Answer 1

给canvas添加鼠标点击事件， 点击时判断鼠标位置是否在气球内（气球应该是圆的吧？），如果在气球内，给canvas添加鼠标移动事件，松开鼠标就把事件去掉。
拖到顶部消失，就是判断气球顶部坐标的问题。

Answer 2

添加鼠标事件
判断鼠标起始位置
鼠标移动获取坐标，擦除并重新绘制气球
到顶部 擦除。