文本

方法

12bet,有三个与文本有关的方法：

• strokeText(text, x, y)：描边文本
• fillText(text, x, y)：填充文本
• measureText(text)：获取文本的宽度

strokeText和fillText还可以接受可选的第四个参数，用于指定文本的最大宽度

属性

12bet,绘图环境对象中有三个与文本相关的属性：

• font
  • font-style
  • font-variant
  • font-size
  • font-height
  • font-family
• textAlign
• textBaseline

12bet,文本的定位

12bet,使用fillText和strokeText绘制文本时，12博体育,定位根据x、y、textAlign、textBaseline定位。

textAlign

textAlign可能的取值有：

• start
• center
• end
• left
• right

start和end将根据canvas元素的dir属性（ltr或rtl）来确定，12博体育,在ltr时，start和end与left和right效果相同

textBaseline

textBaseline的取值有：

• top：字符方框的顶部
• bottom：字符方框的底部
• middle：字符方框的中间
• alphabetic：默认，用于绘制拉丁字母字符串
• ideographic：用于绘制日文或中文字符串
• hanging：用于绘制印度语字符串