简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html5使用canvas绘制文字特效

来源:易贤网   阅读:827 次  日期:2015-03-05 13:56:19

温馨提示:易贤网小编为您整理了“html5使用canvas绘制文字特效”,方便广大网友查阅!

<canvas id="canvas" width="500" height="400" style="background-color: yellow;"></canvas>

代码如下:

var canvas=document.getElementById("canvas");

var cxt=canvas.getContext("2d");

cxt.font="40px 黑体";

//绘制实心字

cxt.fillStyle="red";//填充红色

cxt.fillText("hello,思思博士",10,50);

//绘制空心字

cxt.strokeStyle="red";//红色边

cxt.strokeText("hello,思思博士",10,100);

名单

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html5使用canvas绘制太阳系效果
下一篇:jQuery解析XML与传统JavaScript方法的差别实例分析
易贤网手机网站地址:html5使用canvas绘制文字特效
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!