84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
前端实现判断图片的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
这个算是个方法么????