javascript - 怎么用JS获取图片dpi/ppi

Question

前端实现判断图片的pixel per inch的大小，怎么用JS获取图片dpi？

巴扎黑 · Answer

据说DPI信息在jpg文件中用5个字节表示，直接读取二进制流就可以了

偏移 13 的1个字节：
X和Y的密度单位
units=0：无单位
units=1：点数/英寸
units=2：点数/厘米

偏移15的2字节：
水平方向像素密度

偏移16的2字节：
垂直方向像素密度

然而用js读二进制太扯了。。。
这得吃点内存的
dpi什么的交给后端比较靠谱

PHP中文网 · Answer

JS不具有这种功能吧，这应该是图像处理领域考虑的问题

阿神 · Answer

这么奇葩的问题。。。只在打印机里见过dpi，知道图片的分辨率和长度，宽度才能算出来dpi，貌似js获取不到

巴扎黑 · Answer

好像EXIF信息里有ppi？

黄舟 · Answer

可以试下canvas的pushImgData

巴扎黑 · Answer

img的CSS{
display:block;
width:1in;#宽度为屏幕上的现实中一英寸
}
img的显示宽度和img的原始宽度就可以算出DPI

这个算是个方法么？？？？

Php8, je viens aussi