渲染文本
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
都是些只读属性