老版地址(仅作固定作用):old.jincong.net

html5使用canvas绘制文字特效

&l;cavaid=&quo;cava&quo;widh=&quo;500&quo;heigh=&quo;400&quo;yle=&quo;backgoud-colo:yellow;&quo;&g;&l;/cava&g;复制代码代码如下:vacava=docume.geElemeById(&quo;cava&quo;);vacx=cava.geCoex(&quo;2d&q......
以下是【金聪采编】分享的内容全文:

<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);

金聪线报提示:[ html5使用canvas绘制文字特效 ] 仅为会员分享交流,仅供学习、参考使用,请勿用于其他用途,如果想商业使用或者代理,请自行联系版权方获取授权。任何未获取授权的商业使用与本站无关,请自行承担相应责任。
本站不存储任何资源文件,敬请周知!
此资源仅供个人学习、研究使用,禁止非法转播或商业用途,请在获取后24小时内删除,如果你觉得满意,请寻求购买正版或获取授权!
免责申明:本站仅提供学习的平台,所有资料均来自于网络分享线索,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以处理。版权申诉相关说明
本网站采用 BY-NC-SA 协议进行授权 转载请注明原文链接:html5使用canvas绘制文字特效
221381
领取福利

微信扫码领取福利

微信扫码分享