Erste und letzte Pixelreihe mit imageData

Question

Ich bin gerade dabei, das imageData-Pixel-Array eines Canvas-Elements zu durchlaufen. Ich möchte die erste (oberste) Reihe und die letzte (untere) Reihe von Pixeln durchlaufen. Wie mache ich das?

Dies ist, wie ich bin durch das gesamte Pixelfeld Looping:

 //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

Eine Möglichkeit ist die obere Reihe und untere Reihe einzeln und dann die Schleife durch sie zu erhalten:

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

Mehr info hier: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData