用js给我画一个五彩斑斓的圆

下面是一个用JavaScript画五彩斑斓的圆的示例代码：

<!DOCTYPE html>
<html>
<head>
	<title>Five-colorful Circle</title>
	<meta charset="utf-8">
	<style>
		canvas {
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	<canvas id="myCanvas"></canvas>
	<script>
		var canvas = document.getElementById("myCanvas");
		var ctx = canvas.getContext("2d");
		var colors = ["red", "orange", "yellow", "green", "blue"];
		var centerX = canvas.width / 2;
		var centerY = canvas.height / 2;
		var radius = 100;

		for (var i = 0; i < colors.length; i++) {
			ctx.beginPath();
			ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
			ctx.fillStyle = colors[i];
			ctx.fill();
			radius -= 18;
		}
	</script>
</body>
</html>

运行以上代码，将会在浏览器中显示一个五彩斑斓的圆。其中，我们使用了HTML5中的canvas标签来绘制图形，使用了JavaScript的Canvas 2D API来进行绘制。具体实现方式是，先定义一个颜色数组colors，然后循环遍历该数组，每次绘制一个圆形，填充不同的颜色，并逐渐减小圆的半径。最终形成了一个五彩斑斓的圆