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();
