我已经编写了一个脚本来绘制带有SVG的对象之间的线,但是希望通过遍历每个SVG来绘制第二和第三组线。但是,我遇到了绊脚石,将每组坐标添加到多维数组。
在写入数组时,我发现两个子数组似乎都包含相同的值,我不确定为什么。请帮忙。
https://codepen.io/Cozmoz/pen/mYwaPo
我尝试将结果记录到控制台,并查看了具有相同问题的类似查询。但是,我刚开始使用jQuery处理多维数组,我担心自己遗漏了一些明显的东西。
$('svg').each(function(e, item) {
array_centerX[e] = new Array();
array_centerY[e] = new Array();
$(this).siblings('div').each(function(index, item) {
array_centerX[e][index] = new Array();
array_centerY[e][index] = new Array();
array_centerX[e][index].push(centerX);
array_centerY[e][index].push(centerY);
});
console.log(array_centerY);
});
预期结果:
0: Array(4)
0: [50]
1: [250]
2: [300]
3: [400]
1: Array(4)
0: [45]
1: [300]
2: [500]
3: [370]
实际结果:
0: Array(4)
0: [50]
1: [250]
2: [300]
3: [400]
1: Array(4)
0: [50]
1: [250]
2: [350]
3: [400]