前の問題次の問題

次の JavaScript コードに関数 draw()を定めて、Canvas 上に中心座標(70, 70)から下図のような半径が 60 ピクセルの黒く塗りつぶした円を描きたい。コード中の [A] に記述すべきものを、以下より 1 つ選択しなさい。なお、cavnas 要素には id 属性として"myCanvas"が定められているものとする。

[code]

var canvasObject = document.getElementById("myCanvas");
var context2D = canvasObject.getContext("2d");
draw(context2D);
function draw(context) {
 context.beginPath();
 context.arc(70, 70, 60, 0, Math.PI*2, false);
 context. A ;

選択肢 1

stroke()

選択肢 2

endPath()

選択肢 3

fill()

選択肢 4

closePath()

解答

正解
3
難易度
取組履歴
ログインすると履歴が残ります
解説
解説のユーザー評価:未評価
★HTML側
<canvas id="myCanvas"></canvas>

★JavaScript側
var canvasObject = document.getElementById("myCanvas");
var context2D = canvasObject.getContext("2d");
draw(context2D);
function draw(context) {
 context.beginPath();
 context.arc(70, 70, 60, 0, Math.PI*2, false);
 context.fill();
}

★補足
最後の一文が
 context.fill();
ではなく、
stroke();
であれば線の◯ができる。
ログインすると解説の投稿・編集が可能となります。
個人メモ(他のユーザーからは見えません)
メモを残すにはログインが必要です
コメント一覧
  • まだコメントがありません
※ コメントには[ログイン]が必要です。