canvas 绘制文字

const canvas = document.getElementById("canvas") as HTMLCanvasElement;
const ctx = canvas.getContext("2d") as CanvasRenderingContext2D;

const drawText = (
  size: number,
  ...params: Parameters<CanvasText["fillText"]>
) => {
  ctx.beginPath();
  ctx.font = `${size}px 微软雅黑`;
  ctx.fillStyle = "#fff";
  //剧中
  ctx.textAlign = "center";
  ctx.textBaseline = "middle";
  ctx.fillText(...params); //实心文本
  // ctx.strokeStyle = "blue"; //镂空文字颜色
  // ctx.strokeText("canvas学习", 100, 300); //空心文本
  ctx.closePath();
};