使用Imagedata获得第一行和最后一行的像素

Question

我当前正在通过帆布元素的Imagedata像素数组进行循环。我想循环穿过第一个（顶）行和最后一行（底部）排像素。我该怎么做？

这就是我在整个像素阵列中循环的方式：

        //Var declarations, etc.
        imageData = context.getImageData(0, 0, cols, rows);
        for (var i = 0, max = imageData.data.length; i < max; i+=4) {
           //This is looping through the entire array.
        }

Answer 1

一种方法是单独获取顶行和底部行，然后循环遍历：

imageDataTop = context.getImageData(0,0,cols,1);
imageDataBottom = context.getImageData(0,rows-1,cols,1);

更多信息在这里：https：//developer.mozilla.org/en-us/docs/web/api/canvasrenderingcontext2d/getimagedata