前端实现判断图片的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
这个算是个方法么????