Function drawOledThresholdedText

app.js:3610–3643

(ctx, text, x, y, w, h, textSize, color)

}

function drawOledThresholdedText(ctx, text, x, y, w, h, textSize, color) {
  const ts = Number(textSize || 1);
  // For size 1, use a real bitmap font so it looks correct (no browser anti-alias artifacts).
  if (ts <= 1.05) {
    drawOledBitmapText5x7(ctx, text, x, y, w, h, color, 1);
    return;
  }
  const W = Math.max(1, Math.min(dispWidth, Math.floor(w)));
  const H = Math.max(1, Math.min(dispHeight, Math.floor(h)));
  if (!_oledTextCtx) return;

  _oledTextCanvas.width = W;
  _oledTextCanvas.height = H;
  _oledTextCtx.clearRect(0, 0, W, H);
  _oledTextCtx.imageSmoothingEnabled = false;
  _oledTextCtx.fillStyle = "#ffffff";
  _oledTextCtx.textBaseline = "top";
  _oledTextCtx.textAlign = "left";
  const px = Math.max(6, Math.floor(8 * (Number(textSize || 1))));
  _oledTextCtx.font = `${px}px ui-monospace, Menlo, Consolas, monospace`;

  const lines = String(text || "").split(/\r?\n/);
  const lh = Math.max(1, Math.floor(px + 1));
  lines.forEach((line, idx) => _oledTextCtx.fillText(line, 0, idx * lh));

  const data = _oledTextCtx.getImageData(0, 0, W, H).data;
  ctx.fillStyle = color;
  for (let j = 0; j < H; j++) {
    for (let i = 0; i < W; i++) {
      const a = data[(j * W + i) * 4 + 3];
      if (a > 90) ctx.fillRect(x + i, y + j, 1, 1);
    }
  }
}

function drawOledThresholdedImage(ctx, src, x, y, w, h, color) {
  const img = getCachedOledImage(src);