圆周运动与勾股定理

原来js还可以和数学公式勾股定理结合,而且他们结合后并没有变得枯燥无味,反而可以制作出更好的动画。

这面将一个js动态画圆的demo,在这之前需要普及一下数学知识,虽然这些知识初中就学过,估计也都还给老师了。哈哈

勾股定理  直角三角形的两个直角边的平方和等于第三边的平方和,a^2+b^2=c^2

sin30=1/2  cos60=1/2 (因为根号不会打 所以sin60 cos30就不普及拉)

sin=对边/斜边    cos=邻边/斜边

r是半径 PI是圆周率 一弧度=r  周长:2PIr  那么一个圆的弧度是多少?   2PIr/r=2PI   =>  360度=2PI

PI=180度 => 1度=PI/180

Math.sin(弧度(度数*PI/180 转弧度))=对边/斜边 

Math.cos(度数*PI/180)=邻边/斜边





以上代码就是一个小矩形做圆周运动的demo

 




你可能感兴趣的:(js原生,css)