JS实现螺旋矩阵

JavaScript013

JS实现螺旋矩阵,第1张

  螺旋矩阵是指一个呈螺旋状的矩阵,它的数字由第一行开始到右边不断变大,向下变大,向左变大,向上变大,如此循环,接下来用JS实现螺旋矩阵。

  核心点是在特殊拐点以及缩短环数处做操作。

搞过wpf的动画,对js的不太熟悉,不过想来思路也差不多。如果轨迹是你自己定的,那么就构建条路径(path或者别的什么),将它设置为元素移动路径如果是随机的,你就在每一步移动之前用随机数取得下一步的坐标,设置为单步动画的目标点

这个跟JS关系不是很大,使用CSS来做的;如果你想让DIV跟随滚动条滚动,那么div的样式应该是 relative 或者 absolute 都可以的,看外层的DIV定位如果你想让DIV在屏幕上固定位置,则用 position:fixed 就可以;具体问题还得看你代码才行;