JavaScript实例运动的小球.docx
- 文档编号:18240417
- 上传时间:2023-08-14
- 格式:DOCX
- 页数:16
- 大小:25.45KB
JavaScript实例运动的小球.docx
《JavaScript实例运动的小球.docx》由会员分享,可在线阅读,更多相关《JavaScript实例运动的小球.docx(16页珍藏版)》请在冰点文库上搜索。
JavaScript实例运动的小球
JavaScript实例:
运动的小球
本篇博文通过制作一个小球运动动画的实例,来学习在HTML5的画布上实现动画制作的方法,同时理解面向对象程序设计的基本思想。
1.绘制小球
先在HTML页面中设置一个画布。
3pxdouble#996633;"> 再将小球画在canvas(画布)上面。 可编写如下的HTML代码。 DOCTYPEhtml>
(一)
3pxdouble#996633;"> varcanvas=document.getElementById('myCanvas'); varcontext=canvas.getContext('2d'); varx=100,y=100,radius=25; context.beginPath(); context.arc(x,y,radius,0,Math.PI*2,true); context.closePath(); context.fillStyle="blue"; context.fill();