Canvas文本操作

Canvas的画图环境提供三个方法如：
绘制填充文本：fillText();
绘制描边文本：strokeText();
绘制文本并返回一个对象：measure();
measure()方法返回的对象中包括一个width属性，该属性表达绘制的文本所占领的宽度。

Canvas画图环境提供三个属性如：
设置稍后画图环境所绘制文本的字型：font;
文本水平方向定位：textAlign;
文本垂直方向定位：textBaseline;


textBaseline属性包括的值：
top
bottom
middle
alphabetic
ideographic
hanging


textBaseline属性的默认值alphabetic;
alphabetic:该值用于绘制由基于拉丁字母的语言所组成的字符串。
ideographic:该用于绘制日文或中文字符；
hanging:该值用于绘制各种印度语字符串。


top、bottom与middle这三个值与特定的语言不相关，它们代表文本周围的边界框之内的某个位置，这个边界框也叫做“字符方框”(em square)











注意：在调用measureText方法之前先设置好字形
在使用measureText方法时，常见的错误就是在调用完该方法之后。才去设置字形。请注意,measuerText方法是依据当前的字形来计算字符串的宽度，因此，假设你在调用measureText方法之后去改变字形，那么该方法返回的宽度并不能反映出以那种字形来度量的实际文本宽度


在圆弧周围绘制文本