canvas练手项目（三）——Canvas中的Text文本

Canvas中的Text文本也是一个知识点~，我们需要掌握一下几个基本的Text操作方法

首先是重要参数textAlign和textBaseline：

textAlign

• left
• center
• right
• start (default)
• end

textBaseline

• alphabetic (default)【适合Latin文字类，“abc”】
• hanging【适合一些印地语，“अस्सी”】
• ideographic【适合中文之类的，“哈哈哈”】
• top
• middle
• bottom

前三个是根据字体来说的比较合适的选择，而后面三个就是给予em square而定的。

em square 就是方格字的意思，每个字体，比如微软雅黑，都有自己的方格大小，top就是方格的头部，bottom就是方格的底部，但是不可能每个字都撑满一个方格的，所以top，bottom总是会留一些空白的。

给大家一个直观的感受 点击

接着是写字的方法fillText和strokeText

实心字体

context.fillText(“你的字符穿”, X轴坐标,  Y轴坐标， MaxWidth)/