算法：畫圖方案

目錄

        1.介紹

        2.問題描述

        3.解決思路

        4.代碼

1    介紹

        畫一個二維數組圖的思路

2    問題描述

        給定了畫圖對象的高端、x間距、y間距，以及初始化座標 x,y 畫出 m*n的圖形

3    解決思路

        思路圖以下

     

 

         如圖所示，此時

               401的座標爲（0,0） 402的座標爲（x+房寬+間距x,0） 403的座標爲(x+房寬*2+間距x*2,0)

               301的座標爲(0，y+房高+間距y) 302的座標爲(x+房寬+間距x, y+房高+間距y)

               303(x+房寬*2+間距x*2, y+房高+間距y)

         假設共有a層樓

                 能夠獲得第m層樓的第n間房的座標爲( x+房寬*(n-1)+間距x*(n-1),y+房高*(a-m)+間距y*(a-m) )

                 即（ x+(房寬+間距x)*(n-1),y+(房高+間距y)*(a-m) ）

4    代碼

var x=0,y=0; // 定義初始座標 x ,y

var roomH=10,roomL=10; //定義房高爲roomH, 房寬爲roomL

var marginX=5,marginY=5; // 定義x軸間距：marginX,y軸間距:marginY

var floorTotal=4,roomsInFloor=3;// 定義總樓層數 floorTotal,每層房間數:roomsInFloor

for(var m=floorTotal;m>=1;m--)// 循環樓層

{

    for(var n=1;n< roomsInFloor;n++) // 循環房間個數

    {

        var roomx=x+(roomL+marginX)*(n-1);

        var roomy=y+(roomH+marginY)*( floorTotal-m);

    }

}

View Code