Javascript 以原始分辨率在浏览器中显示图像（每个设备像素一个图像像素）

如何在浏览器中以原始分辨率（即，每个设备像素一个图像像素）显示PNG图像，即使设备具有高DPI设置等

也许可以从CSS或JavaScript中确定“设备像素比率”/“每<代码>像素点数<代码>像素点数<代码>像素点数<代码>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点数>像素点。 也许有一些解决方案纯粹与CSS一起工作，即“直接”，而不是被一些JavaScript执行延迟。CSS可以访问

dppx

值，例如，也可以通过其他方式访问，但我不知道如何在缩放图像时直接使用它

---

问为什么缩放不同，答案是DPI设置，因此这无助于解决我的问题，因为我正在寻找一种适用于任何DPI设置的解决方案。

你是指设备像素还是CSS像素？@AHaworth设备像素，请参见问题。您好，感谢您的澄清。我知道你可能不想在画布上渲染，但如果你没有遇到过，这会让你读起来很有趣：[链接]你是指设备像素还是CSS像素？@AHaworth设备像素，请看问题。嗨，谢谢你的澄清。我知道你可能不想在画布上渲染，但如果你没有遇到过，这会让阅读变得有趣：[链接]