主要介绍了JS小球抛物线轨迹运动的两种实现方法,结合实例形式分析了javascr ipt实现小球抛物线运动的相关计算与图形绘制操作技巧,需要的朋友可以参考下

本文实例讲述了JS小球抛物线轨迹运动的两种实现方法。分享给大家供大家参考，具体如下： js实现小球抛物轨迹运动的大致思路： 1、用setInterval()方法，进行间隔性刷新，更新小球位置，以实现动态效果 2、绘制小球和运动区域，运动区域可通过flex布局实现垂直居中 3、用物理公式S(y)=1/2*g*t*t，S(x)=V(x)t来计算路径 现确定V(x)=4m/s,刷新的时间间隔设置为0.1s。原本px和米之间的转换，不同尺寸转换不同，本例采用17寸显示器，大约1px=0.4mm。但浏览器