Windows版用は過去にVisual Studio Basicで作成していましたが、HTMLで作成すればmacOSでも使えるので作成してみました。もっともIllustratorで普通に作図できますが・・・(^o^)汗
Visual Studio Basic_32 正星形多角形?の長半径と短半径を割り出す 2023/01/10
考え方としては・・・
正多角形
辺の数:n
1辺の長さ:a
内接円の半径:r=a/2 tan(π/n)
直径:D=2r= tan(π/n)
内接円をもつ多角形(正多角形)は次の公式が使えます。
多角形の面積:S
多角形の周の長さ:P
半径:r=2S/P
直径:D=4S/P
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>正多角形に内接する円の直径</title>
<style>
body {
padding: 20px;
max-width: 400px;
margin: auto;
background: black;
color: white;
}
label {
display: block;
margin: 8px 0;
}
input[type="number"] {
width: 60px;
}
</style>
</head>
<body>
<center>
<h3>正多角形に内接する円の直径</h3>
<label>辺の角数 n: <input id="n"
type="number" value="7"></label>
<label>辺の長さ a: <input id="a"
type="number" value="12"></label><br>
<button onclick="calc()">計 算</button>
<p id="result"></p>
</center>
<script>
function calc() {
const n = Number(document.getElementById("n").value);
const a = Number(document.getElementById("a").value);
const diameter = a / Math.tan(Math.PI / n);
document.getElementById("result").textContent =
"内接円の直径 = " + diameter.toFixed(4);
}
</script>
</body>
</html>
実行した直後のデフォルト設定。
[計算]ボタンで結果が出ます。特に芸はないです。



