用js實現二維數組的旋轉


我最近因為做了幾個小游戲,用到了二維數組,其中有需求將這個二維數組正翻轉 90°,-90°,180°。

本人是笨人,寫下了存起來。

定義的基本二位數組渲染出來是這種效果。

現在想實現的結果是下面的效果:

當然可以讓div用position定位,left和top調整。

但是我就想改變數組的話,我的笨辦法:用兩重for循環,重新創建一個數組。

     規律是:向右轉90°時候, i (列)變成j(行)后 將所在行的位置倒過來 ,j變成 i不變,很難表述,一看代碼便知。

     同理:向左旋轉時候,列和行交換,但是交換后,將列倒過來。

                轉180度,行不變,列倒過來。

                270度。等於先轉180度再轉90度。或者原來行變列后,將這個新列倒過來,    原來的列變成行;

不貼圖了,意思到了就能做出來了。重點就是行和列的交換


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM