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 阅读(585) 评论(0) 推荐(0) 编辑

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

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

posted @ 2020-06-26 08:58 aTeacher 阅读(845) 评论(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 阅读(1409) 评论(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 阅读(345) 评论(0) 推荐(1) 编辑