1、绘制描边文字
ctx.strokeText( 文字，参考x坐标，参考y坐标，[，限制文字最大长度] )
限制最大长度：如果字体长度大于最大长度会被压缩
2、设置字体样式
ctx.font = ' style | variant | weight | size/line-height | family';
注意：单独设置字体大小不生效，必须加一个字体样式
3、绘制填充文字
ctx.fillText( 文字，参考x坐标，参考y坐标，[，限制文字最大长度] )
4、设置文字的水平对齐方式
ctx.textAlign = 'left || start'、'right || end'、'center'
默认值为start
5、设置文字的垂直对齐方式
ctx.textBaseline = top'、'bottom'、'middle'、'alphabetic'、'hanging'，'ideograpgic'
属性值
值 |
描述 |
alphabetic |
默认。文本基线是普通的字母基线。 |
top |
文本基线是 em 方框的顶端。 |
hanging |
文本基线是悬挂基线。 |
middle |
文本基线是 em 方框的正中。 |
ideographic |
文本基线是表意基线。 |
bottom |
文本基线是 em 方框的底端。 |