html5 canvas 原生 javascript 实现 饼状图 环形图

图片

 

重点：

   //变成圈图，中间加点东西
            ctx.beginPath();
            ctx.arc(100, 100, 30, 0,Math.PI * 2, false);
            ctx.closePath();
            ctx.fillStyle = "#000";
            ctx.fill();

中间加个东西做出效果

代码：