javascript - 为什么图片加载到浏览器端 像素周围都模糊了呢？

问题描述

问 题

做了一个图片 1000px*1000px，第一个像素有填充颜色，windows下放大后看正常
前端请求到这个图片后，设置style：width:40000px;height:40000px;放大很多倍之后，像素周围很模糊
我觉得无论怎么放大，呈现的应该始终是一个均匀有明显边界的颜色块啊
有没有办法让图片在浏览器端放大后，也能完美的呈现每一个像素的内容呢？

解决方案

浏览器有模糊算法是专门针对图片放大的，你这个图片只有一个像素看起来是不合理的，但是针对普通的图片，这种模糊处理能让放大图片更接近原图，而不是一放大就变成马赛克

这篇关于javascript - 为什么图片加载到浏览器端 像素周围都模糊了呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！