canvas实心空心双圆

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
//空心和实心的组合
cxt.beginPath();
cxt.arc(60,60,50,0,360);
cxt.fillStyle="green";
cxt.fill();
cxt.arc(60,60,52,0,360);
cxt.strokeStyle="red";
cxt.stroke();

cxt.closePath();