使用imageData获取第一行和最后一行像素

Question

我正在循环一个canvas元素的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