Basically, it was happening by imageSmoothingEnabled
, that is set ‘true’ by default
It tries to smooth the image, and removes pixels’s sharpness!
Resolution: ctx.imageSmoothingEnabled = false;
CLICK HERE to find out more related problems solutions.