网页中屏幕像素分辨率(pixel)和实际长度(cm)的相互转换

JavaScript计算屏幕尺寸与对角线长度,

原创已于 2024-01-16 10:59:10 修改 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2023-11-15 10:40:13 首次发布

本文介绍了如何使用JavaScript代码计算屏幕宽度、高度和对角线长度，以英寸和厘米为单位，涉及DPI和设备像素比的计算。

//1英寸等于2.54 cm
let inch = 2.54;
//屏幕宽度(pixel)
let screenWidth = window.screen.width;
//屏幕高度(pixel)
let screenHeight = window.screen.height;
//dpi即一英寸长度的像素点个数(number)
let dpi = window.devicePixelRatio * 96;
//屏幕宽度(cm)
let width = (screenWidth / dpi) * inch;
//屏幕高度(cm)
let height = (screenHeight / dpi) * inch;
//对角线长度(cm) a²+b²=c² => c=√(a²+b²)
let diagonal = Math.sqrt(Math.pow(height, 2) + Math.pow(width, 2));

console.log("屏幕分辨率: " + screenWidth + " px x " + screenHeight+' px');
console.log("DPI: " + dpi);
console.log("宽 x 高(cm): " + width+' cm x '+height+' cm');
console.log("对角线长(cm): " + diagonal+' cm');