<canvas>学习笔记——文字显示控制
2016-05-04 18:56
295 查看
can=document.getElementById("canvas");
ctx=can.getContext('2d');
//直接显示文字,没有任何特效
ctx.fillStyle="white";//字体填充颜色
ctx.font="20px Verdana";//定义字体大小及样式
ctx.textAlign="center";//left,center,right 默认为left 设置文本是左对齐、居中还是右对齐
ctx.fillText("SCORE: "+this.score,w*0.5,h-20);//参数说明:显示的文字,在画布上的横坐标,纵坐标
//需要文字有透明度上的变化
var alpha=0;
this.alpha+=deltaTime*0.0005;//deltaTime是两帧之间的时间间隔
if(this.alpha>1)
this.alpha=1;
ctx.fillStyle=“rgba(255,255,255”+this.alpha+")";
//使文字具有阴影效果
ctx.shadowBlur=10; //设置阴影
ctx.shadowColor="white";//阴影的颜色
ctx=can.getContext('2d');
//直接显示文字,没有任何特效
ctx.fillStyle="white";//字体填充颜色
ctx.font="20px Verdana";//定义字体大小及样式
ctx.textAlign="center";//left,center,right 默认为left 设置文本是左对齐、居中还是右对齐
ctx.fillText("SCORE: "+this.score,w*0.5,h-20);//参数说明:显示的文字,在画布上的横坐标,纵坐标
//需要文字有透明度上的变化
var alpha=0;
this.alpha+=deltaTime*0.0005;//deltaTime是两帧之间的时间间隔
if(this.alpha>1)
this.alpha=1;
ctx.fillStyle=“rgba(255,255,255”+this.alpha+")";
//使文字具有阴影效果
ctx.shadowBlur=10; //设置阴影
ctx.shadowColor="white";//阴影的颜色
相关文章推荐
- July 博客中的机器学习系列
- Python-OpenCV 处理图像(四)(五):图像直方图和反向投影 图像中边界和轮廓检测
- c++切割那个文件的代码
- JavaScript ECAMScript5 新特性——get/set访问器
- 多选出差同事id,拼接,去掉最后逗号
- jquery 学习
- 杭电ACM 1000
- 获取POST参数
- css实现超出文本省略号的两个方法
- 异常处理基础
- 细说Android事件传递
- int i=1; main() {int i=i;}有什么错?
- sql中on与where的区别
- 图解Windows下QT编程入门
- python中list去重复
- Unity 3d Shader实践 —— 第一个Shader
- Asp.net mvc 实时生成缩率图到硬盘
- Points in Rectangle (树状数组)
- Python-OpenCV 处理图像(二)(三):滤镜和图像运算 图像像素点操作
- JDBC连接MySQL产生java.lang.ClassNotFoundException异常