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
这个算是个方法么????
据说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
这个算是个方法么????