木曜日, 5月 21, 2026

Let's start JavaScript 102 
指定したPPI時の 1pxに相当する mmを計算

ちょっと気になって作って見ました。最も、ほとんど意味の無い計算ですけどね(^o^)

1px(mm) = 25.4 / ppiとして・・・
mm_per_pixel = 25.4 / ppiで求めます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>PPI → mm 計算</title>
<style>
body {
background: black;
color: white;
}

input {
width: 80px;
margin: 5px;
}
</style>

</head>
<body>
<center>
<h3>指定したPPI時の1pxに相当するmmを計算</h3>

<label>PPI:
<input type="number" id="ppi" value="72">
</label>

<button onclick="calc()">計算</button>

<p id="result"></p>

<script>
function calc() {
const ppi =
    parseFloat(document.getElementById('ppi').value);
if (!ppi || ppi <= 0) {
document.getElementById('result').textContent =
        '正しいPPIを入力してください';
return;
}

const mmPerPixel = 25.4 / ppi;

document.getElementById('result').textContent =
`1px = ${mmPerPixel.toFixed(4)} mm`;
}
</script>
</center>
</body>
</html>

実行したらデフォルトの72を求める値に変更して[計算]をクリックすれば・・・


そのppiに相当する1pixelのmmを表示します。なお、この計算結果は理論値です。