二维CANVAS基本语法（文字text）

绘制文字text

绘制语句

• 设置文本字号字体 context.font = “Npx 字体”;
  默认为10px
• 描边文字（空心） contenxt.strokeText(“文本”, x, y);
• 描边文字（实心） contenxt.fillText(“文本”, x, y);

设置文本对齐方式

1. 文字的水平对齐context.textAlign=”left/ right/ center”;
   -默认样式为left
   -除此以外还有start、end
2. 文字的垂直对齐 context.textBaseline =”top/ bottom/ middle”
   -默认为基线对齐alphabetic
   -除此以外还有hanging、ideographic
   
   

   水平对齐方式+垂直对齐方式
   
   
   

文本宽度计算方法 var result= measureText(“文本”);

result为一个对象，计算出的宽度值=result.width;

设置文本方向 context.direction = “inherit/ ltr/ rtl”

-默认样式为inherit

案例：九宫格文字

最终呈现：

文字九宫格.png