HTML5绘图之文字旋转
浏览数：22 /
时间：2015年06月09日
HTML5绘图之文字旋转
在GDI/GDI+中文字旋转是一件比较容易的事情，HTML5的Canvas中的旋转与GDI/GDI+中的旋转稍微有点差异，先看一个图：
文字旋转的示例代码
ctx.beginPath();
ctx.fillStyle = "#000000";
ctx.font = "52pt Calibri";
ctx.textAlign = "center";
ctx.fillText(this.end, endX, endY);
ctx.save();
ctx.translate(endX, endY);
ctx.rotate(Math.PI/6);
ctx.fillText("文字2", 0, 0);
ctx.restore();代码说明
canvas的rotate是针对画布进行的，也可以理解为OPENGS的状态机，对于画布来讲是全局的。所以要想在指定位置将文字旋转显示，那么就先将画面的原点移动到该位置，然后旋转画布，最后在（0，0）位置输出文字，记得一定是（0，0）位置哦。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
