javascript - Pourquoi les pixels autour de l'image sont-ils flous lorsqu'elle est chargée dans le navigateur?
高洛峰
高洛峰 2017-05-19 10:34:48
0
3
548

J'ai fait une image de 1000px*1000px. Le premier pixel a une couleur de remplissage. Cela semble normal après un zoom avant sous Windows.
Après que le front-end ait demandé cette image, définissez le style : largeur : 40000px hauteur : 40000px ; en zoomant plusieurs fois, les pixels sont entourés de flou
Je pense que peu importe la façon dont vous zoomez, ce qui doit être présenté doit toujours être un bloc de couleur uniforme avec des limites claires
Existe-t-il un moyen d'afficher parfaitement le contenu de chaque pixel après le l'image est agrandie sur le navigateur ?

高洛峰
高洛峰

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

répondre à tous(3)
为情所困

Le navigateur dispose d'un algorithme de flou spécifiquement pour l'agrandissement de l'image. Il semble déraisonnable que votre image ne contienne qu'un seul pixel, mais pour les images ordinaires, ce type de traitement de flou peut rapprocher l'image agrandie de l'image d'origine, plutôt que de la rendre floue. dès qu'il est agrandi, devenez une mosaïque

.
阿神

Est-ce un problème de format d'image ?

phpcn_u1582
image-rendering: pixelated;

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal