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

cg_ssh

已于 2024-01-16 10:59:10 修改

阅读量407

点赞数 1

文章标签： javascript 前端

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

本文链接：https://blog.csdn.net/cg_ssh/article/details/134414750

版权

//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');