PDF Displaying not displaying properly

[aidlo]

Link to PDF file (or attach file here):
document.pdf

Configuration:
Web browser and its version: Firefox 52.0.2 (32-bit)
Operating system and its version: Windows 10
PDF.js version: Using version bundled with Firefox

Steps to reproduce the problem:

1. View Attached PDF with PDF.js in Firefox
   Similar Issue Unrecognisable Blurry Image #8083

What is the expected behavior? (add screenshot)
Adobe Reader correctly shows the image and isn't blurry. PDF.js does not. See screenshots for comparison.

What went wrong? (add screenshot)

The image in the PDF is an Indexed xobject. not sure if this is the issue.

[THausherr]

This is not related to #8083, that one was about patterns with giant steps. Here there's no pattern, only a very small image that is extremely blown up.

[aidlo]

This was a small image (10x10 pixel) for a quick example. It happens with bigger more complicated images also.
Have had similar problems when working with other image code where dithering was used instead of the indexed palette.

[THausherr]

Here's another. That one has inline images with 1 bit /DeviceGray.
inline.pdf
The file is created by the PDFBox build tests and thus Apache licensed.

[aidlo]

Sample open as intended in Goggle Chrome.
Bug may just be in the Firefox implentation.

[THausherr]

I have it blurry on chrome when using https://mozilla.github.io/pdf.js/web/viewer.html .

[aidlo]

It is down to the imageSmoothingEnabled property being enabled by default CanvasRenderingContext2D.imageSmoothingEnabled
Turning off smoothing for the canvas and everything looks correct.
mozImageSmoothingEnabled = false; webkitImageSmoothingEnabled = false; msImageSmoothingEnabled = false; imageSmoothingEnabled = false;

[aidlo]

Created a JSFiddle to demostrate Demo

[SamyCookie]

Maybe it is related to #3331 (blurry lines), I have deduced the same conclusion on that bug.

[aidlo]

How can I get this fixed?