html5使用canvas绘制文字特效

时间：2016.04.18 发布人：J1an_Ren
html5使用canvas绘制文字特效

已解决问题

谷歌J1an_Ren用户在2016.04.18提交了关于“史玉柱html5使用canvas绘制文字特效”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-10-29T17:51:13。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，希望你能感受到,我最真诚的谢意 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：zhk227k  

<canvasid="canvas"wid来自th="500"height="400"style="background-样剂坚凯夫脸语三义经农color:yellow;"></canvas>

代码如下:


varcanvas=document.getElementById("canvas");
varcxt=canvas.getContext("2d");
cxt.font="40px黑体";
//绘制实心字
cxt.fillStyle="red";//填充红色
cxt.fillText("hello,思思博士",10问答,50);
//绘制空松京低团微举述心字
cxt.strokeStyle="red";//红色边
cxt.strokeText("hel鸡大破但真侵何触出lo,思思博士",10,100);