canvas一些知识

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_36500835/article/details/54565130

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 *Ｍath.PI /180) * (r + 20);
y1= y + Math.sin(txtAngle *Ｍath.PI /180) * (r + 20);
绘制填充文字
ctx.fillText(text,x1,y1);
绘制描边文字
ctx.stroke(text,x1,y1);