JavaScriptのキャンバス上に円を描くには `arc()` メソッドを使用します。以下に、指定した位置、半径、色で円を描く方法を示すコード例を示します：

```javascript
// Get the canvas element
const canvas = document.getElementById('myCanvas');

// Get the 2D context of the canvas
const ctx = canvas.getContext('2d');

// Set the position of the circle
const x = 100; // X coordinate
const y = 100; // Y coordinate

// Set the radius of the circle
const radius = 50;

// Set the color of the circle
const color = 'blue';

// Begin the path
ctx.beginPath();

// Draw the circle
ctx.arc(x, y, radius, 0, 2 * Math.PI);

// Set the fill color
ctx.fillStyle = color;

// Fill the circle
ctx.fill();

// End the path
ctx.closePath();
```

上のコードでは、まずcanvas要素とその2Dコンテキストを取得します。次に、円の位置、半径、色を設定します。パスを開始し、`arc()` メソッドを使って円を描き、`fillStyle` プロパティを使って塗りつぶしの色を設定し、`fill()` メソッドを使って円を塗りつぶし、最後に `closePath()` メソッドを使ってパスを終了する。
You can draw a circle on a JavaScript canvas using the `arc()` method. Here's an example code snippet that demonstrates how to draw a circle on a canvas with a specific position, radius, and color:

```javascript
// Get the canvas element
const canvas = document.getElementById('myCanvas');

// Get the 2D context of the canvas
const ctx = canvas.getContext('2d');

// Set the position of the circle
const x = 100; // X coordinate
const y = 100; // Y coordinate

// Set the radius of the circle
const radius = 50;

// Set the color of the circle
const color = 'blue';

// Begin the path
ctx.beginPath();

// Draw the circle
ctx.arc(x, y, radius, 0, 2 * Math.PI);

// Set the fill color
ctx.fillStyle = color;

// Fill the circle
ctx.fill();

// End the path
ctx.closePath();
```

In the above code, we first get the canvas element and its 2D context. We then set the position, radius, and color of the circle. We begin the path, draw the circle using the `arc()` method, set the fill color using the `fillStyle` property, fill the circle using the `fill()` method, and finally end the path using the `closePath()` method.