javascript - 增加变量名

Question

是否可以迭代名为 nextcanvas(number) 的变量？

function move_to_nextcanvas ()
{
    var destCtx = nextcanvas1.getContext('2d');
    destCtx.drawImage(maincanvas, 0, 0, 600, 300, 0, 0, 300, 150);
}

因此，每次我单击按钮时，它都会将 nextcanvas1 计数到 nextcanvas2，然后是 nextcanvas3，依此类推，直到 nextcanvas8.

我有一个主 Canvas ，我正在其中绘制一些内容，每次单击“发送”按钮时，主 Canvas 的实际绘图都应发送到 8 个 Canvas 中的下一个 Canvas 。

此方法适用于我，但仅适用于第一个 Canvas 。

Answer 1

你需要做这样的事情:

var canvases = [canvasobj1,canvasobj2,etc],
    canvasIdx = 0;

function moveToNextCanvas() { 
    var destCtx = canvases[canvasIdx].getContext('2d');
    destCtx.drawImage(mainCanvas, 0, 0, 600, 300, 0, 0, 300, 150);
    canvasIdx++;
    if (canvasIdx > canvases.length) canvasIdx = 0;
}

基本上你使用的是指针。这样做的好处是您可以按照您希望的任何方式对 Canvas 进行排序 - 您可以通过枚举页面或其他一些方法轻松填充数组。