问题标签 [ppi]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
13 回答
67130 浏览

javascript - 从 JS/CSS 检测系统 DPI/PPI?

我正在开发一种独特的应用程序,它需要根据显示的设备生成特定分辨率的图像。因此,在常规 Windows 浏览器 (96ppi)、iPhone (163ppi)、Android G1 (180ppi) 和其他设备上,输出是不同的。我想知道是否有办法自动检测到这一点。

我最初的研究似乎说不。我看到的唯一建议是在 CSS 中创建一个宽度指定为“1in”的元素,然后检查它的 offsetWidth(另请参阅如何通过 javascript 访问屏幕显示的 DPI 设置?)。有道理,但 iPhone 用这种技术骗了我,说它是 96ppi。

另一种方法可能是以英寸为单位获取显示器的尺寸,然后除以以像素为单位的宽度,但我也不知道该怎么做。

0 投票
3 回答
1816 浏览

iphone - iPhone 屏幕分辨率。160 vs 163 vs. 未来

我正在尝试制作一个以真实世界单位显示某些内容的应用程序。它不是一个标尺应用程序,但它需要那种精度。

看起来 iPhone 和 iPod touch 已经有了不同的屏幕分辨率(分别为 160 和 163)

我发现这个 Calculating pixel size on an iPhone and this iPhone screen resolution changes in the future hardware and this http://forums.macrumors.com/showthread.php?t=350612

从我的阅读看来,我可以将 320 * 480 的屏幕空间视为 2 * 3.5 英寸,忽略 iPod 和 iPhone 分辨率之间的差异,这似乎只影响图像的清晰度,而不是大小。

我的问题是:这是真的吗?在代码中确定这个(320“像素”== 2英寸)的任何方法,所以如果它改变我不必更新。

0 投票
1 回答
986 浏览

perl - 如何找到带有 PPI 的注释,然后在它之前插入代码?

我试图# VERSION在 perl 源文件中找到注释。然后我想在评论之前插入版本(或代替无关紧要)。谁能告诉我用PPI做到这一点的正确方法?

保持# VERSION最终结果是可选的

我实际上有几个关于如何找到 # VERSION 的想法,但一个是序列化 ppi doc 的正则表达式,看起来不正确,另一个是在评论上使用 find_first 但如果它不是第一个我不确定该怎么办。

更新的代码这似乎更接近正确的解决方案,因为它只查看注释。但我不确定如何使用或真正如何创建新变量。

更新

这个问题的答案成为了DZP::OurPkgVersion的基础

0 投票
1 回答
2826 浏览

css - 高 PPI 移动屏幕的主列表以及如何通过 CSS 检测/处理它?

iPhone 4 的 Retina 显示屏的密度是 iPhone 3 的两倍,但 Apple 处理得相当好,但只是做了一个假设并在渲染时将像素加倍(这样您的网页在每台设备上看起来都相同的物理尺寸)。然后,您可以使用一些 webkit 媒体查询为该设备加载额外的 CSS (-webkit-min-device-pixel-ratio:2)。

问题:是否有资源可以 a) 列出现在使用高 PPI 屏幕的其他移动设备 b) 该设备在呈现网站方面默认执行的操作和 c) 它是否支持 webkit 检查和/或它自己的自定义检测方法?

如果没有,也许这篇文章可以通过在特定设备上发布信息作为答案来成为该资源 (CW)。我必须开始处理使用高分辨率屏幕(以及随之而来的 Android)的黑莓和诺基亚设备。任何数据表示赞赏!

更新:

经过一些测试,我发现确实没有任何其他移动设备能够像 iPhone 4 那样将自己标识为双密度。现在有更高 PPI 的屏幕(通常在较小的设备上),但设备并没有以任何方式将自己声明为高 PPI。也许更好的解释方式是这些设备只有“非常小的像素”。

因此,鉴于所有站点的呈现方式都相同,因此确实没有一种实用的方法来处理这些设备,因此任何修改您的站点的尝试都可能会干扰用户自己的偏好和设置。

如果有人知道除 iPhone 4 之外的任何设备正确地声明自己为高 PPI,现在就告诉我!

0 投票
2 回答
5332 浏览

android - 为 Android 设计 - 分辨率?

我正在为android设计一个应用程序,我们的主要目标是Nexus S和Galaxy Tab,所以我想知道我应该为哪种分辨率设计以及使用什么PPI?我会使用Photoshop。

令人惊讶的是,我找不到适用于 android 的一个像样的 PSD 模板,而 iOS 有大量可用的模板,或者我只是没找对地方?

非常感谢

0 投票
1 回答
437 浏览

android - 移动像素密度:多种图像尺寸还是为每个人提供高分辨率图像?

我正在研究如何使图像在具有高像素密度的 android 和 iphone 设备上看起来不错,并且我一直在尝试两种方法来做到这一点 - 一种是拥有单独的样式表,为 hdpi 手机提供更大的图像,并按比例缩小在 css 中调整为合适的大小。

另一个建议是您为每个人提供 hdpi 图像并按比例缩小,低分辨率手机的人仍然会看到漂亮的图片,他们只是下载了超出需要的内容。

维护 3 个不同的样式表(低、中、高)似乎是在浪费时间,所以我倾向于后者。有什么理由不呢?

0 投票
1 回答
1344 浏览

windows-phone-7 - 适用于 Windows 7 手机和平板电脑的 ppi

我对 Windows 7 图形创建相当陌生。我的理解是所有 Windows phone 7 和 Windows 平板电脑图形都应该以 96 ppi 创建,而不是像 iPhone 和 android 那样的 72。它是否正确?

来自 windows 的示例图形和另一个图标包似乎支持这个想法,就像这篇文章一样(即使它更旧):

http://blogs.msdn.com/b/expression/archive/2007/10/31/trick-or-treat-resolution-96-ppi.aspx

在继续之前,我只是想确保我对 Windows 手机/平板电脑图形没有任何错误的想法。

提前感谢您的任何回复!

0 投票
0 回答
752 浏览

android - 在Android中更改PNG文件的PPI(每英寸像素)

我有用于编辑 PNG 文件的应用程序(比如在它们上写文本)。
我的过程是从该 PNG 创建位图,使用 Canvas 绘制文本,然后使用 bitmap.compress 将结果保存到 SD 卡中。
一切正常。但是当我检查我的结果时,我发现 PPI 发生了变化。如何保持 PPI 与原始 PPI 相同。
这是示例:我的原始图像具有 1300x700 res 和250 ppi(我使用 PS 检查),但在使用我的应用程序编辑该图像后,我的结果图像具有 1300x700 res 和72 ppi。我希望我的结果图像仍然具有 1300x700 res 和 250 ppi
请帮助我,感谢您的帮助。


这里是:

然后创建位图叠加:

他们压缩它:

这个问题不是因为drawText,导致当我不绘制文本时,打开并保存,PPI仍然改变。

0 投票
2 回答
1967 浏览

c# - C# 和 Photoshop 之间的图像分辨率 (ppi) 差异

例如,C# 表示所选图像包含 96 ppi,而 Photoshop 中的同一图像包含 72 ppi。

为什么有区别?

在这种情况下,我倾向于信任 Photoshop,如果 C# 返回错误结果,如何测试图像分辨率?

我们需要构建某种验证器控件来拒绝所有 ppi != 300 的图像。

控件应支持以下格式:jpg、jpeg、gif、png、bmp。

代码如下:

0 投票
2 回答
305 浏览

php - 在 PPI 框架中使用 Doctrine DBAL 的 PDO 一般错误

运行准备好的语句以更新表行时,我收到“HY000 一般错误”。查询似乎正在运行,并且该行已成功更新。我的代码和返回的错误详述如下。如果有人能指出我解决这个问题的正确方向,我将不胜感激。

代码示例:

错误详情: