javascript - Why are the pixels around the image blurred when it is loaded into the browser?-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - Why are the pixels around the image blurred when it is loaded into the browser?

高洛峰 2017-05-19 10:34:48

467

I made a picture of 1000px*1000px, the first pixel has a fill color, and it looks normal after zooming in under Windows
After the front-end requests this picture, set the style: width: 40000px; height: 40000px; after zooming in many times , the pixels are very blurry
I think no matter how you zoom in, what should be presented should always be a uniform color block with obvious boundaries
Is there a way to make the picture perfectly present after it is zoomed in on the browser? What about the content of the pixel?

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

reply all (3)

为情所困2017-05-19 10:36:48 3 floor

The browser has a blur algorithm specifically for image enlargement. It seems unreasonable that your image only has one pixel, but for ordinary images, this kind of blur processing can make the enlarged image closer to the original image, rather than blurring the image as soon as it is enlarged. Become a mosaic