canvas 统计
得到上下文
var ctx = canvas.getContext(‘2d’);
绘制圆弧
var x = 100;
var y = 100
var r = 100;
var tempAngle = -90;
var Angle = 60;
var sR = tempAngel * Math.PI / 180;
var eR = (Angle + tempAngle)* Math.PI /180;
ctx.moveTo(x,y);
ctx.arc(x,y,r,sR,eR,boolean);
绘制圆弧中间的文字
var txtAngle = tempAngel + Angel /2 ;
x1= x + Math.cos(txtAngle *Math.PI /180) * (r + 20);
y1= y + Math.sin(txtAngle *Math.PI /180) * (r + 20);
绘制填充文字
ctx.fillText(text,x1,y1);
绘制描边文字
ctx.stroke(text,x1,y1);