javascript
用javascript计算PPI
Intro
為了計算PPI,寫一個js??肯定不是這樣的,是寫一個js循環計算多個常見尺寸的ppi,一個個手敲那不符合我的風格。。
分辨率
1k 1920X1080
2k 2560X1440
4k 3840x2160
這里需要注意的就是只談分辨率不談PPI大都是流氓,1080P在13寸和27寸的感受天差地別。。。因此我們需要了解PPI.
PPI || DPI
首先明確DPI和PPI的意思:
PPI(Pixels Per Inch)像素密度: 每英寸所擁有的像素數量。
DPI(Dots Per Inch) 每英寸點數):指每一英寸長度中,取樣、可顯示或輸出點的數目。衡量打印機打印精度的主要參數之一。
更詳細內容可以閱讀第一話——什么是 DPI,什么又是 PPI ? PeterZ(ps,里面的ppi計算公式不認同)。
也就是說DPI衡量打印機和鼠標精度,而不是說顯示器、屏幕。后者用PPI來描述。越高PPI顯示越細膩越逼真越貴。。越少看到像素點帶來的粗糙感、像素感。。而Apple的Retina屏幕不過是超高PPI換了個名稱而已。
結論:手機一般超過 300 PPI為好, 筆記本電腦上至少需要 150 PPI 才能避免直接看到像素點,而 200 PPI 以上才能算得上優秀
計算公式
PPI = sqrt(H^2 + V^2) / Inch案例代碼
全部代碼參見JsDemo - PPI
function calppi() {var width = document.getElementById("width").value;var height = document.getElementById("height").value;var inch = document.getElementById("inch").value;var ppi = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)) / inch;document.getElementById("ppi").value = ppi;}Demo
為了證明上面的計算公式,搬出了iphone小剛炮規格手冊進行驗證:可以看到計算結果表面iphone SE虛標了0.3多一丟丟。
iPhone SE 技術規格
4.7 英寸 (對角線) LCD 寬屏多點觸控顯示屏,采用 IPS 技術
1334 x 750 像素分辨率,326 ppi
再舉個13寸筆記本2K屏
常見顯示器PPI
24寸都是23.8寸五入
| 1k | 23.8 | 92.55 |
| 2K | 23.8 | 123.41 |
| 4K | 23.8 | 183.57 |
| 2K | 27 | 108.78 |
| 4K | 27 | 163.17 |
Refer
下面幾個首先屏幕不談DPI,其次結果不對勁。。
Javascript-從JS / CSS檢測系統DPI / PPI?
dpi_x: 133.95348837209303 dpi_y: 133.95348837209303
javascript獲得屏幕的DPI xqdak
arrDPI: Array [ 96, 96 ]
計算筆記本電腦PPI的JavaScript小工具 KimSoft
parseInt(Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / inch)
iPhone SE 技術規格
屏幕ppi計算器在線
JsDemo - PPI
第一話——什么是 DPI,什么又是 PPI ? PeterZ
總結
以上是生活随笔為你收集整理的用javascript计算PPI的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浙大PTA-Python题库 编程题第五
- 下一篇: 用滑动条做调色板