觀察自然界中樹的分叉，一根主干生長出兩個側干，每個側干又長出兩個側干，以此類推，便生長出疏密有致的結構。這樣的生長結構，使用遞歸算法可以模擬出來。 例如，分叉的側干按45°的偏轉角度進行生長的遞歸示意圖如圖1所示。 圖1 生成樹的遞歸示意圖 按照樹分叉生長側干 ...

1.1 六瓣花平移變換 平移變換是指圖形從一個位置到另一個位置所作的直線移動。如果要把一個位於P（x,y）的點移到新位置P’(x’,y’)，如圖1，則只要在原坐標上加上平移距離Tx和Ty即可。 即 x’=x+Tx y ...

在HTML5的Canvas 2D API中，可以調用arc方法繪制圓或圓弧。該方法調用格式為： context . arc(x, y, radius, s ...

1．Canvas概述 Canvas API（畫布）用於在網頁實時生成圖像，並且可以操作圖像內容，基本上它是一個可以用JavaScript操作的位圖（bitmap）。 要使用HTML5在瀏覽器窗口中繪制圖形，首先需要在HTML文檔中新建一個canvas網頁元素。一般方法 ...

在HTML5 Canvas畫布中，我們可以根據曲線的方程繪制出曲線。例如，在笛卡爾坐標系中，圓的方程為： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 編寫如 ...

旋轉變換：圖形上的各點繞一固定點沿圓周路徑作轉動稱為旋轉變換。可用旋轉角表示旋轉量的大小。 旋轉變換通常約定以逆時針方向為正方向。最簡單的旋轉變換是以坐標原點(0,0)為旋轉中心，這時，平面上一點P(x,y) 旋轉了θ之后，變成點P’(x,y) ，如圖1所示 ...

1.1 扇形變換 將如圖1所示的上邊長方形的圖形變換為下邊的扇形圖形的變換稱為扇形變換。 設長方形圖形中任一點P1(X1,Y1)變換為扇形圖形上的點P2(X2,Y2)，長方形的長為X，扇形圓心坐標為（X0,Y0），扇形半徑為L，扇形與X軸的最小夾角為B，扇形弧 ...

1．星形條紋圖案 星形線的笛卡爾坐標方程式為： x=r*cos(θ)^3 y=r*sin(θ)^3 （0≤θ≤2π） 圓的笛卡爾坐標方程式為： x=r*cos(θ) y=r*s ...