简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
javascript - 怎么用JS获取图片dpi/ppi
ringa_lee
ringa_lee 2017-04-11 13:19:29
0
6
1018

前端实现判断图片的pixel per inch的大小，
怎么用JS获取图片dpi？

ringa_lee
ringa_lee

ringa_lee

reply all(6)
巴扎黑
巴扎黑2017-04-11 13:21:29 6 floor

据说DPI信息在jpg文件中用5个字节表示，直接读取二进制流就可以了

偏移 13 的1个字节：
X和Y的密度单位
units=0：无单位
units=1：点数/英寸
units=2：点数/厘米

偏移15的2字节：
水平方向像素密度

偏移16的2字节：
垂直方向像素密度

然而用js读二进制太扯了。。。
这得吃点内存的
dpi什么的交给后端比较靠谱
Like +0
Add Reply
洪涛
洪涛2017-04-11 13:21:29 5 floor

JS不具有这种功能吧，这应该是图像处理领域考虑的问题
Like +0
Add Reply
阿神
阿神2017-04-11 13:21:29 4 floor

这么奇葩的问题。。。只在打印机里见过dpi，知道图片的分辨率和长度，宽度才能算出来dpi，貌似js获取不到
Like +0
Add Reply
巴扎黑
巴扎黑2017-04-11 13:21:29 3 floor

好像EXIF信息里有ppi？
Like +0
Add Reply
黄舟
黄舟2017-04-11 13:21:29 2 floor

可以试下canvas的pushImgData
Like +0
Add Reply
巴扎黑
巴扎黑2017-04-11 13:21:29 1 floor

img的CSS{
display:block;
width:1in;#宽度为屏幕上的现实中一英寸
}
img的显示宽度和img的原始宽度就可以算出DPI

这个算是个方法么？？？？
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！