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