使 HTML 中的图像变大且不模糊

Ren*_*Ren 3 html image

我一直在 Javascript 中尝试一些新想法,但我不太擅长在 Paint、Paint.NET 等中制作极其详细的图像。问题是当我有 64 * 64 图像或 8 * 8 且我希望它显示640 * 640或16 * 16;图像变得模糊。我见过很多其他论坛,人们问过这个问题或类似的问题,但我对此相对较新,不想在 Photoshop 或其他任何东西中使图像变大。同样,我是否可以一次仅显示图像的一部分,但图像比显示的图像更大,这样我就不必为同一事物制作多个图像?

the*_*utz 8

也许这个 CSS 属性对你img有帮助:

image-rendering: pixelated;
Run Code Online (Sandbox Code Playgroud)

我在这篇博文中找到了它: https://css-tricks.com/keep-pixelated-images-pixelated-as-they-scale/