84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
前端实现判断图片的pixel per inch的大小，怎么用JS获取图片dpi？
ringa_lee
据说DPI信息在jpg文件中用5个字节表示，直接读取二进制流就可以了
偏移 13 的1个字节：X和Y的密度单位units=0：无单位units=1：点数/英寸units=2：点数/厘米
偏移15的2字节：水平方向像素密度
偏移16的2字节：垂直方向像素密度
然而用js读二进制太扯了。。。这得吃点内存的dpi什么的交给后端比较靠谱
JS不具有这种功能吧，这应该是图像处理领域考虑的问题
这么奇葩的问题。。。只在打印机里见过dpi，知道图片的分辨率和长度，宽度才能算出来dpi，貌似js获取不到
好像EXIF信息里有ppi？
可以试下canvas的pushImgData
img的CSS{display:block;width:1in;#宽度为屏幕上的现实中一英寸}img的显示宽度和img的原始宽度就可以算出DPI
这个算是个方法么？？？？
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
据说DPI信息在jpg文件中用5个字节表示，直接读取二进制流就可以了
偏移 13 的1个字节：
X和Y的密度单位
units=0：无单位
units=1：点数/英寸
units=2：点数/厘米
偏移15的2字节：
水平方向像素密度
偏移16的2字节：
垂直方向像素密度
然而用js读二进制太扯了。。。
这得吃点内存的
dpi什么的交给后端比较靠谱
JS不具有这种功能吧，这应该是图像处理领域考虑的问题
这么奇葩的问题。。。只在打印机里见过dpi，知道图片的分辨率和长度，宽度才能算出来dpi，貌似js获取不到
好像EXIF信息里有ppi？
可以试下canvas的pushImgData
img的CSS{
display:block;
width:1in;#宽度为屏幕上的现实中一英寸
}
img的显示宽度和img的原始宽度就可以算出DPI
这个算是个方法么？？？？