首页 > 编程语言 > 详细

用js实现二维数组的旋转

时间:2019-01-04 13:19:53      阅读:357      评论:0      收藏:0      [点我收藏+]

我最近因为做了几个小游戏,用到了二维数组,其中有需求将这个二维数组正翻转 90°,-90°,180°。

本人是笨人,写下了存起来。

定义的基本二位数组渲染出来是这种效果。

技术分享图片技术分享图片

现在想实现的结果是下面的效果:

技术分享图片

当然可以让div用position定位,left和top调整。

但是我就想改变数组的话,我的笨办法:用两重for循环,重新创建一个数组。

     规律是:向右转90°时候, i (列)变成j(行)后 将所在行的位置倒过来 ,j变成 i不变,很难表述,一看代码便知。

技术分享图片

     同理:向左旋转时候,列和行交换,但是交换后,将列倒过来。

                转180度,行不变,列倒过来。

                270度。等于先转180度再转90度。或者原来行变列后,将这个新列倒过来,    原来的列变成行;

不贴图了,意思到了就能做出来了。重点就是行和列的交换

用js实现二维数组的旋转

原文:https://www.cnblogs.com/dangdanghepingping/p/10219112.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!