html5使用canvas绘制文字特效

前端技术 2023/09/07 HTML

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

本文地址：https://www.stayed.cn/item/18069

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案