html5使用canvas绘制文字特效_html5教程技巧
程序员文章站
2022-04-01 17:23:42
...
复制代码
代码如下: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绘制阴影效果的方法
-
通过HTML5 Canvas API绘制弧线和圆形的教程
-
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
-
使用HTML5 Canvas为图片填充颜色和纹理的教程
-
HTML5 Canvas基本线条绘制的实例教程
-
【HTML5】Canvas绘制简单图片教程
-
使用HTML5 Canvas API绘制弧线的教程
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
-
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
-
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线