JavaScriptで、HTMLキャンバスに半径10ピクセルの円を描くにはどうすればよいですか？
JavaScriptを使用してHTMLキャンバスに10ピクセルの半径の円を描くには、Canvasの2DレンダリングコンテキストのARCメソッドを使用できます。これが基本的な例です。

<canvas id = "mycanvas" width = "300" height = "150"> </canvas>

<スクリプト>
  var canvas = document.getElementById（ "mycanvas"）;
  var ctx = canvas.getContext（ "2d"）;

  ctx.beginpath（）;
  ctx.arc（50、50、10、0、2 * math.pi）;
  ctx.stroke（）;
</script>
このコードは、それぞれ「MyCanvas」のIDと300ピクセルと150ピクセルの幅と高さを備えたキャンバス要素を作成します。2Dレンダリングコンテキストは、Canvas.getContext（ "2D"）を使用してCanvasから取得され、CTX変数に保存されます。

CTX.ARCメソッドは、円の描画に使用されます。5つのパラメーターが必要です。円の中心のxおよびy座標、円の半径、開始角、および終了角（ラジアン）です。この例では、円の中心は（50、50）、半径は10、開始角と端の角度はそれぞれ0と2 * Math.piであり、完全な円を表します。

最後に、CTX.Strokeメソッドが呼び出され、実際にキャンバスに円を描画します。

一般に、HTMLキャンバスは、JavaScriptを使用してグラフィックを描く柔軟な方法を提供します。2Dレンダリングコンテキストは、形状、パス、画像を描画するための多くの方法と、色、線の幅、フォントなどのプロパティを設定する方法を提供します。