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