I am a teacher!

导航

2019年12月20日 #

JavaScript动画实例:旋转的圆球

摘要: 1.绕椭圆轨道旋转的圆球 在Canvas画布中绘制一个椭圆,然后在椭圆上绘制一个用绿色填充的实心圆。之后每隔0.1秒刷新,重新绘制椭圆和实心圆,重新绘制时,实心圆的圆心坐标发生变化,但圆心坐标仍然位于椭圆曲线上。这样,可以得到绕椭圆轨道旋转的圆球动画。 编写如下的HTML代码。 <!DOCTYPE 阅读全文

posted @ 2019-12-20 20:14 aTeacher 阅读(1914) 评论(0) 推荐(0) 编辑

JavaScript图形实例:七彩线团

摘要: 1.线团图案 设立坐标计算公式为: X=R1*COS(3α)+R2*COS(14α)) Y=R1*SIN(3α)+R2 *SIN(14α)) 再用循环依次取α值为0~2π(每次增量为0.01),计算出X和Y,在canvas画布中将坐标点(X,Y)用线连起来,可绘制出一个封闭曲线图形,可得到一个线团图 阅读全文

posted @ 2019-12-20 18:03 aTeacher 阅读(449) 评论(0) 推荐(0) 编辑

JavaScript图形实例:圆形图案

摘要: 在HTML5的Canvas 2D API中,可以调用arc方法绘制圆或圆弧。该方法调用格式为: context . arc(x, y, radius, startAngle, endAngle, anticlockwise) 其中:(x,y)为圆心坐标,radius为半径,startAngle和en 阅读全文

posted @ 2019-12-20 16:07 aTeacher 阅读(2418) 评论(0) 推荐(0) 编辑