我最近因為做了幾個小游戲,用到了二維數組,其中有需求將這個二維數組正翻轉 90°,-90°,180°。
本人是笨人,寫下了存起來。
定義的基本二位數組渲染出來是這種效果。
現在想實現的結果是下面的效果:
當然可以讓div用position定位,left和top調整。
但是我就想改變數組的話,我的笨辦法:用兩重for循環,重新創建一個數組。
規律是:向右轉90°時候, i (列)變成j(行)后 將所在行的位置倒過來 ,j變成 i不變,很難表述,一看代碼便知。
同理:向左旋轉時候,列和行交換,但是交換后,將列倒過來。
轉180度,行不變,列倒過來。
270度。等於先轉180度再轉90度。或者原來行變列后,將這個新列倒過來, 原來的列變成行;
不貼圖了,意思到了就能做出來了。重點就是行和列的交換