文字位置——基线

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

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

  • 例如:ctx.textAlign = 'left';

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';

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,179评论 2 32
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,351评论 3 40
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 5,423评论 0 4
  • 线条样式 绘制直线,第五章知识简单回顾 lineWidth 设置或返回当前的线条宽度,单位为像素 lineCap ...
    Zd_silent阅读 3,375评论 0 0
  • 古人对睡觉有很多讲究,表示睡的意思的字有许多。“寝”指在床上睡,或病人躺在床上,不一定睡着。“卧”本指趴在几案上睡...
    停云听风阅读 3,465评论 18 20