第 5 课 9 / 18 ｜ 编码：L05-12
核心知识

绘制文字

font、textAlign、textBaseline 控制文字外观与定位。

  • font 同时包含字号和字体
  • fillText 绘制填充文字
  • Canvas 文字仍不是可选择的 HTML 文本
ctx.fillStyle = '#fff';
ctx.font = 'bold 42px sans-serif';
ctx.textAlign = 'left';
ctx.fillText('前端分享会', 48, 120);