canvas绘制字体

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 方框的底端。