結果を表示する
元にもどす
◀︎
17
▶︎
<html lang="ja"> <meta charset="utf-8"> <canvas id="目印"></canvas> <script> let きゃんばす=document.getElementById("目印"); let こんてきすと=きゃんばす.getContext("2d"); こんてきすと.globalAlpha=0.5; こんてきすと.beginPath(); こんてきすと.fillStyle="#facebc"; こんてきすと.arc(100,100,50,0,Math.PI*2,true); こんてきすと.fill(); こんてきすと.beginPath(); こんてきすと.fillStyle="#1e99ff"; こんてきすと.arc(150,100,50,0,Math.PI*2,true); こんてきすと.fill(); </script> <hr> <pre style="color:green;"> <span style="color:black;font-size:16px;">globalAlpha</span> は CanvasRenderingContext2D オブジェクトのプロパティの一つ これは透明度(アルファ値)を設定するときに使用する. 値は 0 から 1 まで 0に近いほど透明になる. <span style="color:black;font-size:16px;">true</span> は円 (円弧) を表示するときの方向が「時計回り」で計算するという意味. <span style="color:black;font-size:16px;">false</span> なら「反時計回り」に計算する. もしも方向にこだわらないときは <span style="color:black;font-size:16px;">true</span> を省略できる. </pre> </html>
◀︎ 17 ▶︎