結果を表示する
元にもどす
◀︎
16
▶︎
<html lang="ja"> <meta charset="utf-8"> <canvas id="目印"width="300"height="300"></canvas> <script> let きゃんばす= document.getElementById("目印"); let こんてきすと=きゃんばす.getContext("2d"); こんてきすと.beginPath(); こんてきすと.fillStyle="gray"; こんてきすと.arc(100,100,50,0,Math.PI*2); こんてきすと.fill(); </script> <hr> <pre style="color:green;"> <span style="color:black;font-size:16px;">arc</span> は円 (円弧) を描画するためのメソッド Degree (度) と Radian (ラジアン)は角度を表すための単位ですが, その定義や用途が異なります. <span style="color:black;font-size:16px;">(100, 100, 50, 0, Math.PI*2)</span> 100,100,が座標 50,が円の半径 0, は 0 radian (0 ラジアン → 0度) のこと (degree とは異なる) 0度 とは, 円の右側 ( 時計で言うと3時の方向) → ここがスタート位置 Math は数学的な計算を行うオブジェクト PI (ピー・アイ)は π（パイ）を指します → 円の周の長さを直径で割った値 約 → 3.14159 π に 2 を掛ける → 3.141592653589793×2=6.283185307179586 JavaScript では Math.sin() の動作として, 角度をラジアン単位で受け取る. なので角度のデータ(単位)をラジアンに変換して記述する必要がある. </pre> </html>
◀︎ 16 ▶︎