Static image is blurry on high device pixel ratio screens.

[KyleSmith0905]

On my computer the device pixel ratio is 1.25. I have a like button that animates on click. The stationary image is a bit blurry as it's trying to render a downscaled 24x24 image in a 32x32 grid of pixels.

This may be a helpful resource: https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio#correcting_resolution_in_a_canvas

I'm currently working on a fix for it.

[davelavoie]

Thanks! I was exactly looking for a solution like this!

For those who include the compiled JavaScript file, you can also do the following:

In freezeframe.min.js, search for clientWidth in the minified file, and replace it with naturalWidth. Then, look for clientHeight, and replace it with naturalHeight. Voilà!

Obviously you'll need to host your own version of the file afterwards, since I'm not sure the library is going to be updated in the near future. But at least, it works!