HTML5绘图之文字旋转
来源:互联网 发布:java 定义void方法 编辑:程序博客网 时间:2024/05/16 08:59
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)位置哦。
0 0
- HTML5绘图之文字旋转
- HTML5 Canvas绘图之文字的渲染
- Html5之canvas绘图
- HTML5 canvas之旋转
- Html5 系列之:Canvas绘图
- canvas之二绘图绘图详解曲线,文字,高级应用
- OpenCV绘图之字体和文字
- HTML5---Canvas-画线,空心图,矩形,文字,三角形,旋转图片
- HTML5 Canvas初体验之绘图基础
- html5之canvas绘图 1.写字板功能
- HTML5基础之canvas绘图(一)
- 安卓鸟学Html5 之Canvas绘图实践一
- HTML5绘图之Canvas标签 绘制坐标轴
- html5绘图
- 文字旋转
- 旋转文字
- 文字旋转
- 画布旋转——HTML5之特效
- python http 相关资料
- 只刷一次
- c语言中需要注意的一些地方
- st算法
- 終風且霾-甲骨文研究
- HTML5绘图之文字旋转
- Oracle的start命令
- 关于c语言二维数组与指针的个人理解及处理办法。
- TextView。。。。
- SQLServer2005删除log文件和清空日志的方案
- Spring.jar包说明,以及jar包依赖说明
- 矩阵对角点的寻路问题
- hdu 3613 Best Reward (kmp扩展)
- windows环境下wampserver的配置教程