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
这个算是个方法么？？？？
![[웹 프런트엔드] 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
这个算是个方法么？？？？