canvasを用いて円を描く際のコードに関して分からない部分がある為、教えて頂けましたら幸いです。
html
1<!doctype html> 2 <html> 3 <head> 4 <title>breakout</title> 5 <meta charset="utf8"> 6 <style> 7 canvas { 8 background: #eee; // 背景色をグレー( #eee )にする 9 diplay: block; // ブロック形式で表示する(幅と高さのある形) 10 margin: auto 0; // 画面の中央に寄せて表示する 11 } 12 </style> 13 </head> 14 <body> 15 <h1>breakout</h1> 16 <hr> 17 18 <canvas id="mycanvas" width="500" height="400"></canvas> 19 20 <script> 21 var canvas = document.getElementById("mycanvas"); // canvasを操る変数を取得する 22 var ctx = canvas.getContext("2d"); // 2Dグラフィクスを描くためのオブジェクトを取得する 23 24 // 円を描く 25 function drawArc() { 26 ctx.beginPath(); 27 ctx.arc( 100, 100, 20, 0, Math.PI*2 ); // (x座標、y座標、半径、角度1、角度2) 角度はこの値のみ使用する。 28 ctx.fillStyle = "#ff0000"; // 塗りつぶし色 29 ctx.fill(); // 色を塗る 30 ctx.closePath(); 31 } 32 33 function draw() { 34 // 円を描く 35 drawArc(); 36 37 } 38 39 setInterval( draw, 10 ); // 10ミリ秒間隔で描き続ける(draw関数を繰り返し実行する) 40 </script> 41 </body> 42 </html> 43
上記の、「ctx.arc( 100, 100, 20, 0, Math.PI2 );」ここの部分なのですが、角度の指定に「Math.PI2 」と書いてあるのですが、これは何度を示しているのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/05 02:56