效果体验二维码
如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!
效果图
图片分块
- 创建二维数组 typeArr 和一维有序数组 pointsArr;
- 计算每个块区view的定位坐标(x,y)和view的背景坐标(px,py)、以及每个view的顺序 count;
- 填充数组 pointsArr 的对应值 count 进行记数。
initTypeArr(){
let arr = [],count = 0;
for(let i = 0; i < this.type; i++){
arr[i] = [];
for(let j = 0; j < this.type; j++){
arr[i].push({
x: j,
y: i,
px: j,
py: i,
count: count