Get X and Y pixel coordinates when iterating over HTML5 canvas getImageData

Question

I am iterating over some image data pulled from a canvas like so:

var imageData = this.context.getImageData(0, 0, this.el.width, this.el.height)         


        

Answer 1

Corrected and tested version of code:

var x = (i / 4) % this.el.width;
var y = Math.floor((i / 4) / this.el.width);