// canvas中的文字

var str='前端路径课程';

//设置文本样式,比如大小,字体

ctx.font="30px microsoft yahei";

//水平对齐设置,left center right

ctx.textAlign='center';

//垂直对齐设置 top middle bottom

ctx.textBaseline="center";

//填充文本

ctx.fillStyle="blue";

ctx.fillText(str,0,0);

//获取文本宽度

var width=ctx.measureText(str).width+"px";

ctx.beginPath();

var str1 = '字体的大小是:'+width;

ctx.fillText(str1,0, 100);

console.log(width);