一.绘制文本
font属性:可以设置字体的大小和字体名称。
fillText方法的作用:填充文字。
ctx.fillText("我是微软雅黑",100,100);
第一个参数:填充的文字内容。
第二个参数:代表x的值。
第三个参数:代表y的值。
所以,第二、三个参数的作用:设置文字的坐标位置(x,y)。
textAlign属性的作用:文字的对齐方式。
ctx.textAlign = "left";
属性值讲解:
left:文本左对齐。
right:文本右对齐。
center:文本居中对齐。
start(默认值):文本从指定位置开始。
end:文本才指定位置结束。
二.源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=