search

neoneye / ARC-Interactive

Enjoy puzzle-solving directly in your browser.
https://neoneye.github.io/arc/
MIT License
19 stars 2 forks source link

Task gallery: finer detailed thumbnails by using devicePixelRatio #32

Open neoneye opened 9 months ago

neoneye commented 9 months ago

Problem

I'm not using devicePixelRatio for the lazy loaded <img> elements.

I think the thumbnails can show more details if they are rendered using devicePixelRatio.

I made one false start on fixing this issue.

Solution

Replace <img> with <canvas>. This is non-trivial.

Compare the new proof of concept with the existing solution. Are the new thumbnails more detailed, if so, then continue with this solution.