1、绘制描边文字
ctx.strokeText( 文字,参考x坐标,参考y坐标,[,限制文字最大长度] )
限制最大长度:如果字体长度大于最大长度会被压缩
2、设置字体样式
ctx.font = '
style | variant | weight | size/line-height | family
';
注意:单独设置字体大小不生效,必须加一个字体样式
3、绘制填充文字
ctx.fill
Text( 文字,参考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 方框的底端。
|