编辑:问题出在我的代码中,我没有用正确的索引查询数组。对于任何寻找此问题答案的人,Karthik Ar 回答正确。感谢所有的评论!
我正在努力在 for 循环中创建一组独特的画布元素。似乎所有元素都是创建的第一个元素的副本。我这么说是因为我需要将此画布存储在一个数组中,然后随时访问它们的上下文。
var _ctxs = new Array();
function createCells()
{
_w = window.innerWidth;
_h = window.innerHeight;
var side = 300;
//set amount of steps
var stepsW = Math.ceil(_w/side) + 1;
var stepsH = Math.ceil(_h/(side/2)) + 1;
console.log("create cells");
for (var i = 0; i < stepsH; i++)
{
var p = (i%2 == 0)?0:side/2;
for (var j = 0; j < stepsW; j++)
{
var _tempCanvas = $('<canvas/>', {id: "i_" + i + "_" + j, width : side, height : side});
_tempCanvas.css({
'position' : 'absolute',
'top' : (i*(side/2)+1) - side/2,
'left' : (j*side + p) + 1 - side/2
});
//var _tempCtx = _tempCanvas[0].getContext('2d');
_ctxs.push(_tempCanvas[0]);
$('body').prepend(_tempCanvas);
k++;
};
};
}
有什么想法吗?提前致谢!