首页 > HTML5:Canvas中画出气球后,如何实现对气球元素的拖动

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

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


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


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

【热门文章】
【热门文章】