SnowElephant

putImageData заменить на drawImage

image-rendering: pixelated;

В canvas нельзя работать одновременно в нескольких контекстах. Поэтому в консоли пробуете получить canvas.getContext('2d') если возвращает объект - значит 2D, если нет - WebGL.

Изображение кропается ещё при отрисовке на canvas. Предлагаю динамически выставлять размер канвасу в размер изображения.