Javascript 使用画布创建弧形文本

Javascript 使用画布创建弧形文本,javascript,html,canvas,html5-canvas,Javascript,Html,Canvas,Html5 Canvas,有没有办法使用画布创建圆弧文本?我在这里遵循了我们的答案: 我得到的最好的东西是屋顶或底部的曲线。是否有在画布中创建圆弧的方法? 正文{ 背景色:#333; 字体家族:“最幸运的家伙”,草书; 字体大小:35px; } 路径{ 填充:透明; } 正文{ 填充:#FF9800; } 前方危险的弯道 试试这个,让文本以弧形显示 函数drawTextAlongArc(上下文、str、centerX、centerY、半径、角度){ var len=str.length,s; context.sav

有没有办法使用画布创建圆弧文本?我在这里遵循了我们的答案:

我得到的最好的东西是屋顶或底部的曲线。是否有在画布中创建圆弧的方法?

正文{
背景色:#333;
字体家族:“最幸运的家伙”,草书;
字体大小:35px;
}
路径{
填充:透明;
}
正文{
填充:#FF9800;
}

前方危险的弯道

试试这个,让文本以弧形显示

函数drawTextAlongArc(上下文、str、centerX、centerY、半径、角度){
var len=str.length,s;
context.save();
上下文。翻译(centerX、centerY);
旋转(-1*角度/2);
旋转(-1*(角度/透镜)/2);
对于(变量n=0;n
#画布{
显示:块;
保证金:0自动;
}