怎么实现字符串 90度旋转，使用canvas.drawText
展开全部
用 rotate(-0.5 * Math.PI ); 或 rotate( 0.5 * Math.PI ); 可以转90度。
例子（转30度）：
<html><body>
<canvas id="myCanvas" width="500" height="200" style="border:5px solid #00a000;">
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.save();
ctx.translate(100,50);
ctx.rotate(-30*Math.PI/180);
ctx.font="30px Verdana";
ctx.strokeText("Big smile!",10,90)
ctx.restore();
</script>
</body></html>
例子（转30度）：
<html><body>
<canvas id="myCanvas" width="500" height="200" style="border:5px solid #00a000;">
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.save();
ctx.translate(100,50);
ctx.rotate(-30*Math.PI/180);
ctx.font="30px Verdana";
ctx.strokeText("Big smile!",10,90)
ctx.restore();
</script>
</body></html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
