Open deathcap opened 9 years ago
Chrome also supports image-rendering: -webkit-optimize-contrast
, enabled:
disabled:
then there's image-rendering: crisp-edges
.. difference vs pixelated
? http://stackoverflow.com/questions/20678639/image-rendering-crisp-edges-vs-pixelated
According to the spec, it seems that crisp-edge allows for smooth pixel-art scaling algorithms like 2xSaI and HQ2X; whereas pixelated only allows common nearest-neighbour scaling.
inventory-window is already using crisp-edges so if Chrome 41+ supports it no changes may be needed (unless guaranteed nearest-neighrbor pixelation is desired, vs the possibility of smooth scaling? unsure, but leaning towards pixelated
); however, at the time of this writing Chrome stable is version 40, to revisit after 41 is out of beta
Chrome 41+ now finally supports image-rendering: pixelated:
https://www.chromestatus.com/feature/5118058116939776
Should use it instead of the manual canvas rescaling where possible