用js实现二维数组的旋转

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

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

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

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

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

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

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

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

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

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

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

转载于:https://www.cnblogs.com/dangdanghepingping/p/10219112.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>