我分享了代码,var canvas=document.getElementById("canvas") var ctx=canvas.getContenxt2d; ctx.beginPath(); // 逆时针画个小圆弧 ctx.arc(0, 0, 40, 0, Math.PI * 2, true); // 顺时针画个大圆弧 ctx.arc(0, 0, 60, 0, Math.PI * 2, false); ctx.closePath(); // 当不给 fill() 方法传入参数时,默认参数是'nonzero',即使用非零环绕规则来填充路径 ctx.fill();