已知屏幕分辨率和屏幕尺寸,JavaScript如何计算屏幕PPI像素密度

news/2024/4/27 14:04:19

返回主目录:OpenLayers扩展组件系列汇总目录:常用OpenLayers地图扩展组件ol-ext、ol-cesium、ol-layerswitcher、ol-geocoder和ol-wind等扩展库

前言

本章作为补充章,用于讲解使用ol-ext组件的前置知识。

要想知道 PPI 是什么,我们需要先理解“像素”这个概念,那么什么是像素[1]呢?

像素(pixel),简单地来说,可以理解成一个方块,它是图像的最小单元,不能再分割,但它并没有固定的大小。

屏幕分辨率,指的是由像素组成的点阵,比如说一个手机的屏幕分辨率为 2408x1080,就是说这个手机屏幕在纵向有 2408 个像素,横向有 1080 个像素。

PPI

PPI(Pixels Per Inch)[4],从字面意思理解就是每英寸像素,也可以理解为屏幕像素密度,因为像素并没有固定的大小,所以,PPI 越高,像素大小越小,也就越清晰。具体的计算公式如下:
ppi计算公式
其中:
为屏幕对角线的分辨率
为屏幕横向分辨率
为屏幕纵向分辨率
为屏幕对角线的长度(单位为英寸

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/10991.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Auction Stores 建立拍卖 WooCommerce 商店的详细教程- US Domain Center主机

第一步:了解拍卖 WooCommerce 商店 拍卖 WooCommerce 商店是一个在线平台,允许用户以拍卖的方式出售和购买商品。通过使用 WooCommerce 的插件,您可以轻松地在您的网站上实现拍卖功能,提供给用户一个类似 eBay 的体验。 第二步&…

大数据面试题 —— Zookeeper

目录 ZooKeeper 的定义ZooKeeper 的特点ZooKeeper 的应用场景你觉得Zookeeper比较重要的功能ZooKeeper 的选举机制 ***zookeeper主节点故障,如何重新选举?ZooKeeper 的监听原理 ***zookeeper集群的节点数为什么建议奇数台 ***ZooKeeper 的部署方式有哪几…

RIPGeo代码理解(六)main.py(运行模型进行训练和测试)

​代码链接:RIPGeo代码实现 ├── preprocess.py # 预处理数据集并为模型运行执行IP聚类 ├── main.py # 运行模型进行训练和测试 ├── test.py #加载检查点,然后测试 一、导入各种模块和数据库 import torch.nnfrom lib.utils import * import argparse i…

JDK21下载+安装+环境配置教程(Windows系统)

前言:甲骨文公司与2023.9发布JDK21,JDK21将是一个长期支持(LTS)版本,JDK20目前可以从官网下载使用。 1,搜索Oracle官网找到JDK21 Java Downloads | Oracle 2,切换Windows系统,然后点击下载&am…

【C++】仿函数优先级队列反向迭代器

目录 一、优先级队列 1、priority_queue 的介绍 2、priority_queue 的使用 3、 priority_queue 的模拟实现 1)priority_queue()/priority_queue(first, last) 2)push(x) 3)pop() 4&#…

【Web】浅聊Hessian反序列化原生jdk利用与高版本限制绕过

目录 前言 原理分析 EXP Hessian2 低版本 直接Runtime命令执行 Hessian2 高版本 利用Unsafe加载恶意字节码二次调用触发初始化 利用TemplatesImpl实例化恶意类 jdk高版本打JNDI 前文:【Web】浅聊Hessian异常toString姿势学习&复现 前言 上篇文章介绍…