sandspiel
sandspiel copied to clipboard
Blurred pixels
On my Chromebook: Lenovo 100e. The frame where the pixels are drawn is blurred.
I assume this is using chromium? the thing that controls this is the image-rendering property on the canvas:
https://developer.mozilla.org/en/docs/Web/CSS/image-rendering
A chromebook does use chrome. Yes. Chrome/70.0.3538.110
I've also noticed this (on the same Chromebook along with a few other models) but it doesn't seem to happen on certain other models.
https://github.com/MaxBittker/sandspiel/blob/bc68dfd5dc3aff32ce38c4d994b969341b719adc/js/styles.css#L42-L48
here in the code, I kind of throw the kitchen sink at it, because there are a lot of possible values for this property. If there's a different value or ordering of values I can use here to fix this I would love to adopt it!
The weird part is that when the mouse is in the search bar (Top of chrome window) it isn't blurred and seems to unblur when screenshotting.