canvas(四) 绘制文字

canvas 提供了两种方法绘制文本：

fillText(text,x,y [,maxWidth])

在指定位置的（x,y）位置填充指定的文本，绘制的最大宽度是可选的。

strokeText(text,x,y, [,maxWidth])

在指定的位置绘制文本边框

font = value

设置文本的尺寸，默认字体是 10px sans-serif 。

textAlign = value

文本对气项，可选的值包括： start end leftright center默认值为 start 。

textBaseline value

基线对齐选项。可选的值包括： top hanging middle alphabetic ideographic bottom 默认值为 alphabetic

direction = value

文本方向，可用值： ltrrtlinherit 默认值是 inherit 。

当需要更多文本细节时，可以使用 measureText() 返回含文本特性的对象。

要在微信小程序中实现文本覆盖图片，可以使用 canvas 画布来处理，首先将原图片作为背景，在画布上再绘制文字即可。 另外，还可以使用 css 中的 position 属性和 z-index 属性来实现，即先将图片作为背景，再利用 position 定位文字并设置相应的 z-index 属性来避免被图片所覆盖。

---