畫素相關概念總結

lerryteng發表於2018-01-18

一、裝置畫素:是組成影象的基本元素,是點的概念。

畫素相關概念總結

二、解析度:橫向裝置畫素*縱向裝置畫素。

畫素相關概念總結

console.log(window.screen.width * window.devicePixelRatio);
console.log(window.screen.height * window.devicePixelRatio);
複製程式碼

三、裝置獨立畫素(CSS畫素):由程式控制,並可以轉化為裝置物理畫素的虛擬畫素。

console.log(window.screen.height);
複製程式碼

四、裝置畫素比:裝置畫素/裝置獨立畫素(某一方向上)

console.log(window.devicePixelRatio);
複製程式碼

五、每英寸畫素數(PPI):畫素密度,即每英寸內裝置畫素數目。

畫素相關概念總結

相關文章