首页 > 教程福利 > HTML5 >

html5使用canvas绘制文字特效

金聪采编分享 1270

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

相关推荐

词霸天下38000词汇速记全集(完全版)

福利经验

教育培训机构30条朋友圈招生实用文案,赶快收藏

商业模式

凹凸社区APP源码蜜桃社区源码+视频搭建教程

管理系统

最新X站自动采集网站源码,久草影视系统源码PHP视频网站程序

管理系统

免费QQ在线查绑(旧公库)源码引流必备源码

管理系统

热门图文

上一篇:24个canvas基础知识小结

下一篇:HTML页面中添加Canvas标签示例