This demo uses HTML Canvas to edit the pixels in a photo. Press the - and + buttons to convert the photo incrementally to grayscale. Note, we aren't doing straight averaging. Instead we're using the luminosity equation from here .