I am a teacher!

导航

2020年6月28日 #

JavaScript图形实例：黄金螺旋线

摘要： 黄金螺旋线是根据斐波那契数列画出来的螺旋曲线。自然界中存在许多黄金螺旋线的图案，是自然界最完美的经典黄金比例。例如，如图1所示的海螺身上的曲线，图2所示的漩涡，图3所示的人耳。 图1 海螺 图2 漩涡 图3 人耳 又如，名画蒙娜丽莎的微笑整个画面所呈现的数学美，如图4所示。 图4 蒙娜丽莎的微笑 黄 阅读全文

posted @ 2020-06-28 09:14 aTeacher 阅读(2384) 评论(0) 推荐(0) 编辑

JavaScript图形实例：窗花图案

摘要： 1．窗花基本框线 设定曲线的坐标方程为： n=25; r=100; x=r/n*cos(5*θ)+r*cos(θ); y=r/n*sin(5*θ)+r*sin(θ); （0≤θ≤2π） 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>窗花基本框线</title> 阅读全文

posted @ 2020-06-28 09:07 aTeacher 阅读(448) 评论(0) 推荐(0) 编辑

JavaScript图形实例：蝴蝶结图案

摘要： 1．长短瓣相间的蝴蝶结 设定曲线的坐标方程为： b=r*(1+cos(n*θ)/4)*(1+sin(2*n*θ)); x1=b*cos(θ); x2=b*cos(θ+π/8); y1=b*Math.sin(θ); y2=b*Math.sin(θ+π/8); （0≤θ≤2π，2≤n≤5） 在0~2π区 阅读全文

posted @ 2020-06-28 09:04 aTeacher 阅读(613) 评论(0) 推荐(1) 编辑

JavaScript图形实例：星形条纹图案

摘要： 1．星形条纹图案 星形线的笛卡尔坐标方程式为： x=r*cos(θ)^3 y=r*sin(θ)^3 （0≤θ≤2π） 圆的笛卡尔坐标方程式为： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 在星形线中绘制一个内接圆，再在内接圆中绘制一个内接星形线。编写如下的HTML代码。 <!DOC 阅读全文

posted @ 2020-06-28 08:59 aTeacher 阅读(1196) 评论(0) 推荐(0) 编辑

JavaScript图形实例：波形组合图案

摘要： 1．波形图案 采用正弦函数可以绘制正弦波形图案。编写如下的HTML代码。 <!DOCTYPE html> <head> <title>波形图案</title> <script type="text/javascript"> function draw(id) { var canvas=documen 阅读全文

posted @ 2020-06-28 08:55 aTeacher 阅读(945) 评论(0) 推荐(0) 编辑