我正在尝试写一些从指定半径放射出的文本。
换句话说，我试图以圆形图案书写文本，但是从som定义的内半径辐射出去。
编辑：在此示例中，我试图在两行之间写文本：http : //mandelid.com/code/wheel/
明智地使用上下文转换即可完成。
步骤：
•平移到圆心。
•按角度旋转上下文
•水平平移以到达文本的开头
•绘制文本。
var cv = document.getElementById('cv');
var ctx = cv.getContext('2d');
function drawText(txt, x, y, angle, radius) {
ctx.textAlign = 'left';
ctx.textBaseline = 'middle';
ctx.save();
ctx.translate(x, y)
ctx.rotate(angle);
ctx.translate(radius, 0);
ctx.fillText(txt, 0, 0);
ctx.restore();
}
drawText('Hello Folks', 100, 100, -Math.PI / 4, 20);
drawText('How are you ?', 100, 100, Math.PI / 4, 20);<canvas width=300 height=200 id='cv'></canvas>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句