javascript - 如何计算不同 DPI 下图像每英寸的像素数?

标签 javascript html angularjs image

如何计算不同 DPI 下图像的像素/英寸? 例如: 我有一张高度 = 2048px 的图像;宽度= 3072 像素。所以我想计算 300 DPI 中的每英寸像素?

谁能帮帮我。

最佳答案

DPI 在网络上无关紧要。无论 DPI 设置如何,图像数据的 1 个像素在屏幕上显示为 1 个像素。 在此处阅读有关该概念的更多信息
http://www.apptools.com/examples/dpi.php
http://www.rideau-info.com/photos/whatisdpi.html

那么 300 DPI 基本上意味着每英寸 300 个打印点,这意味着打印时比例的图片将为 6.83 x 10.24 英寸。

像素/打印尺寸计算器:http://auctionrepair.com/pixels.html

PS:DPI 和 PPI 这两个术语普遍存在混淆。 PPI用于数字屏幕,DPI用于打印。

<小时/>

更新

计算像素/英寸 (PPI)点/英寸 (DPI) 以及相应的图像尺寸非常简单。

公式

real_width  [in] = image_width [px] / PPI [px/in]
real_height [in] = image_width [px] / PPI [px/in]

如果您想计算像素/英寸(PPI),只需颠倒顺序即可

PPI [px/in] = image_width [px] / real_width [in]

计算真实扫描图像的分辨率

image_width [px] = real_width [in] * PPI [px/in]

示例

图像宽度= 3072px高度= 2048px

72PPI

width  = 3072 / 72 = 42.67 inches
height = 2048 / 72 = 28.44 inches

300PPI

width  = 3072 / 300 = 10.24 inches
height = 2048 / 300 = 6.83 inches

关于javascript - 如何计算不同 DPI 下图像每英寸的像素数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44756505/

相关文章:

javascript - 如果不添加到 DOM,jQuery 发现在顶级元素中不起作用

html - 如何在 Materialise CSS 中制作 7 列网格?

javascript - 将函数传递给 Angular 而不是 'function()'

html - CSS 子导航问题

javascript - 使用 $injector.get() 获取 Angular 中的依赖项有什么缺点吗?

javascript - 为什么将 AngularJS 指令限制为类是不好的?

javascript - Angular:从 firebase 实时数据库中的 onValue() 返回一个值

javascript - 如何判断它是对象还是数组?

javascript - Div 溢出滚动到底部 : Is it possible?

HTML 相对链接链接到导航栏覆盖的 anchor