文字位置——基线

textAlign: 设置或返回文本内容的当前对齐方式

start : 默认。文本在指定的位置开始。
end : 文本在指定的位置结束。
center: 文本的中心被放置在指定的位置。
left : 文本左对齐。
right : 文本右对齐。

  • 例如:ctx.textAlign = 'left';
    文字位置——基线_第1张图片

textBaseline 设置或返回在绘制文本时使用的当前文本基线

alphabetic : 默认。文本基线是普通的字母基线。
top : 文本基线是 em 方框的顶端。。
hanging : 文本基线是悬挂基线。
middle : 文本基线是 em 方框的正中。
ideographic: 文本基线是em基线。
bottom : 文本基线是 em 方框的底端。

单词:
alphabetic: 字母的;照字母次序的 [,ælfə'bɛtɪk]

ideographic:表意的;表意字构成的 英 [,ɪdɪəʊ'ɡræfɪk] 美 [,ɪdɪə'græfɪk]

  • 例如: ctx.textBaseline = 'top';
文字位置——基线_第2张图片

文字位置——基线_第3张图片

你可能感兴趣的:(文字位置——基线)