javascript - HTML5:Canvas中画出气球后,如何实现对气球元素的拖动
巴扎黑
巴扎黑 2017-04-11 10:26:51
0
2
673

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

巴扎黑
巴扎黑

Antworte allen(2)
黄舟

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

大家讲道理

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!