用web知识写一个太极图代码

我可以为你提供以下代码。确保使用canvas元素：// 画布
var canvas = document.getElementById('canvas');// 画笔
var ctx = canvas.getContext('2d');// 太极中心坐标
var x = canvas.width / 2;
var y = canvas.height / 2;// 太极半径
var radius = 150;// 画太极
ctx.beginPath();
ctx.arc(x, y, radius, 0, 2 * Math.PI);
ctx.strokeStyle = '#000';
ctx.stroke();// 内圆颜色
ctx.fillStyle = '#fff';
ctx.fill();// 太极阴阳
var startAngle = 0;
var endAngle = Math.PI;
ctx.beginPath();
ctx.arc(x, y, radius, startAngle, endAngle);
ctx.fillStyle = '#000';
ctx.fill();// 画内圆
ctx.beginPath();
ctx.arc(x, y, radius / 2, 0, 2 * Math.PI);
ctx.strokeStyle = '#000';
ctx.stroke();// 内圆颜色
ctx.fillStyle = '#fff';
ctx.fill();