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）用线连起来，可绘制出一个封闭曲线图形，可得到一个线团图案。

编写如下的HTML代码。

        将上述HTML代码保存到一个html文本文件中，再在浏览器中打开包含这段HTML代码的html文件，可以看到在浏览器窗口中绘制出如图1所示的线团图案。

 

图1  线团图案

2．七彩线团

        我们可以将线团图案绘制过程进行动态展示，编写HTML文件如下。

        在浏览器中打开包含这段HTML代码的html文件，可以看到在浏览器窗口中看到七彩线团图案的动态绘制过程，如图2所示。

 

图2  七彩线团图案的动态绘制