rasterizing_text.ts

const MIN_FONT_SIZE = 24;
function drawTextElement(ctx, text, fontSize) {
  const scale = fontSize / MIN_FONT_SIZE;
  if (scale <= 1) {
    ctx.scale(scale, scale)
    ctx.drawImage(getTexture(text), 0, 0);
  } else {
    drawText(ctx, text, fontSize)
  }
}

function drawText(ctx, text, fontSize) {
  ctx.fillText(text, 0, 0);
}

function getTexture(text) {
  const fromCache = textureCache.get(text)
  if (fromCache) return fromCache;
  
  const newCanvasContext = makeNewCanvasContext();
  drawText(newCanvasContext, text, MIN_FONT_SIZE);
  textureCache.set(text, newCanvasContext.canvas);
  return newCanvasContext.canvas;
}