绘制文字

和绘制图形类似，快应用 canvas 也提供 fillText 和 strokeText 两种方法来绘制文字。

基本用法

  1. //填充绘制
  2. ctx.fillText('Hello world', 10, 50)

文字样式

除了基本的样式，文字还提供了独有的样式。

字体（font）

可以直接使用符合 CSS font 语法的字符串作为文字样式的字体属性。默认值为 '10px sans-serif'。

要注意的是，不同于 web，目前快应用还无法引入外部字体文件，对于字体的选择，仅限 serif、sans-serif 和 monosapce。

对齐方式（textAlign）和 水平对齐方式（textBaseline）

这两个属性控制了文体相对与绘制定位点的对齐方式。

示例

  1. ctx.font = '48px sans-serif'
  2. ctx.textAlign = 'left'
  3. ctx.textBaseline = 'top'
  4. ctx.fillText('Hello world', 10, 50)