わびさびサンプルソース

WindowsやHTML5などのプログラムのサンプルコードやフリーソフトを提供します。

デバイスピクセル比の取得

デバイスピクセル比は、'window.devicePixelRatio'プロパティで取得できます。

デバイスのピクセル数の取得

デバイスのピクセル数は、スクリーンサイズ( 'screen.width', 'screen.height' )にデバイスピクセル数をかければ算出できます。

  • デバイスピクセル幅 = 'screen.width' x 'window.devicePixelRatio'
  • デバイスピクセル高さ = 'screen.height' x 'window.devicePixelRatio'
<!doctype html>
<html>
<head>
<meta charset="UTF-8"> 
</head>
<body>
<h1>デバイスピクセル比の取得</h1>
<script type="text/javascript" language="javascript">
<!--
document.write( "スクリーンの幅         = " + screen.width + "px<br/>" );
document.write( "スクリーンの高さ       = " + screen.height + "px<br/>" );
document.write( "デバイスピクセル比     = " + window.devicePixelRatio + "px<br/>" );
document.write( "デバイスのピクセル幅   = " + window.devicePixelRatio * screen.width + "px<br/>" );
document.write( "デバイスのピクセル高さ = " + window.devicePixelRatio * screen.height + "px<br/>" );
// -->
</script>
</body>
</html>

実行結果

スクリーンの幅         = 320px
スクリーンの高さ       = 480px
デバイスピクセル比     = 2px
デバイスのピクセル幅   = 640px;
デバイスのピクセル高さ = 960px;




わびさびサンプルソース

WindowsやHTML5などのプログラムのサンプルコードやフリーソフトを提供します。