I am a teacher!

导航

2020年6月26日 #

JavaScript图形实例:利用插值实现图像渐变

摘要: 描述由一个图形变化为另一个图形过程中的各个中间图形,称为渐变图形。可以利用插值算法求得各个渐变图形。 设在源图形和目标图形上各取M个对应坐标点,并分别保存到数组中,源图形用数组SX[M]和SY[M]保存M个坐标点(sx,sy),目标图形用数组DX[M]和DY[M]保存M个坐标点(dx,dy)。若需生 阅读全文

posted @ 2020-06-26 09:08 aTeacher 阅读(612) 评论(0) 推荐(0) 编辑

JavaScript图形实例:再谈曲线方程

摘要: 在“JavaScript图形实例:曲线方程”一文中,我们给出了15个曲线方程绘制图形的实例。在本文中,我们继续讨论一下曲线方程。在本文中,我们讨论的方法时,先给出一个绘制特定图案的曲线方程,然后将方程中的一些取值参数化,然后看看这些参数取不同值时会绘制出怎样的图形,从而通过试探加猜测的方式找出一些绘 阅读全文

posted @ 2020-06-26 08:58 aTeacher 阅读(869) 评论(0) 推荐(0) 编辑

JavaScript图形实例:曲线方程

摘要: 在HTML5 Canvas画布中,我们可以根据曲线的方程绘制出曲线。例如,在笛卡尔坐标系中,圆的方程为: x=r*cos(θ) y=r*sin(θ) (0≤θ≤2π) 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>圆</title> <script type= 阅读全文

posted @ 2020-06-26 08:52 aTeacher 阅读(1445) 评论(0) 推荐(1) 编辑

JavaScript图形实例:从小星星到环带

摘要: 1.小星星 设有如下的曲线参数方程: N=5 x = r*sin(nθ)*cos(θ) y = r*sin(nθ)*sin(θ) (0≤θ≤2π) 用循环依次取θ值为0~2π(每次增量为π/64),计算出X和Y,在canvas画布中将坐标点(X,Y)用线连起来,可绘制出一个一个5瓣花卉图案。 编写如 阅读全文

posted @ 2020-06-26 08:44 aTeacher 阅读(356) 评论(0) 推荐(1) 编辑