I am a teacher!

导航

2020年7月18日 #

JavaScript动画实例:沿五角星形线摆动的小圆

摘要: 五角星形线的笛卡尔坐标方程式可设为: r=10+(3*sin(θ*2.5))^2 x=r*cos(θ) y=r*sin(θ) (0≤θ≤2π) 根据这个曲线方程,在[0,2π]区间取一系列角度值,根据给定角度值计算对应的各点坐标,然后在计算出的坐标位置绘制一个填充色交替变换的小圆,从而得到沿五角星形 阅读全文

posted @ 2020-07-18 17:40 aTeacher 阅读(466) 评论(0) 推荐(1) 编辑

JavaScript动画实例:粒子文本

摘要: 1.粒子文本的实现原理 粒子文本的实现原理是:使用两张 canvas,一张是用户看不到的canvas1,用来绘制文本;另一张是用户看到的canvas2,用来根据canvas1中绘制的文本数据来生成粒子。 先在canvas1中用如下的语句绘制待显示的文本。 ctx1.font = '100px Pin 阅读全文

posted @ 2020-07-18 10:50 aTeacher 阅读(745) 评论(0) 推荐(0) 编辑