Question

如何使用Canvas绘制drawText旋转角度

Answer 1

绘制好其他东西之后

将你的 canvas 旋转一定的角度

绘制出你想要的文字

例如

----------需求------------

1，一行水平文字"I love you"

2，一行与1中的文字成45度角的文字

----------- html 代码----------------

<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">

Your browser does not support the HTML5 canvas tag.

</canvas>

------------   js 代码   ---------------

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

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

ctx.font="40px Arial";

ctx.fillText("I love you",10,50);

ctx.rotate(45*Math.PI/180);

ctx.fillText("I love you",10,50);

--------------------------------------

预览结果

Answer 2

这个要用到path.
Paint paint = new Paint();
paint.srtColor(0X80FF000);
Path path = new Path();
path.addCircle(10,10,5,Direction.CW);
canvacs.drawTextOnPath("aling a path",path,0,0,paint);