HTML5 uses canvas to draw text effects_html5 tutorial skills

Copy code

The code is as follows:

var canvas=document.getElementById("canvas");
var cxt= canvas.getContext("2d");
cxt.font="40px bold";
//Draw solid words
cxt.fillStyle="red";//Fill with red
cxt.fillText ("hello, Dr. Sisi",10,50);
//Draw hollow words
cxt.strokeStyle="red";//Red border
cxt.strokeText("hello, Dr. Sisi ",10,100);