Canvas:绘制文本

渲染文本

fillText（text，x,y[,maxWidth]）:填充文本
strokeText（text，x,y[,maxWidth]）:描边文本

文本样式

font:

font = 10px sans-serif;默认

text-anchor

start:默认，文本对齐界线开始的地方 （左对齐指本地从左向右，右对齐指本地从右向左）。
end:文本对齐界线结束的地方 （左对齐指本地从左向右，右对齐指本地从右向左）。

textAlign:

left:文本左对齐。
right:文本右对齐。
center:文本居中对齐。

textBaseline:

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

direction:

ltr:文本方向从左向右。
rtl:文本方向从右向左。
inherit:默认根据情况继承 元素或者 Document 。

文本测量

ctx.measureText(text)

参数： text
返回值： TextMetrics对象

TextMetrics对象:
https://developer.mozilla.org/zh-CN/docs/Web/API/TextMetrics
都是些只读属性