怎样在canvas圆形进度条中间放文字

2025-05-15 04:50:23
推荐回答(1个)
回答(1):

//获取canvas对象

var c=document.getElementById("myCanvas");

//getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

var ctx=c.getContext("2d");

ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
//设置字体大小和字体样式

ctx.font="30px Arial";
//设置文本

ctx.fillText("Hello World",10,50);
ctx.stroke();