Function prefixImage

LSWeather.js:650–685

(prefixImage, text, fontName, prefixColor, overrideColor, oW, oH, bold)

FUNCTION prefixImage
------------------------------------------------------------------*/
async function prefixImage(prefixImage, text, fontName, prefixColor, overrideColor, oW, oH, bold){
  let prefixCanvas;
  let gap;
  try {
    if (bold) font = eval(`allfonts.${fontName}.boldFont`);
    else font = eval(`allfonts.${fontName}.font`);
    const fontSize = eval(`allfonts.${fontName}.size`);
    const fontSizeInPx = Math.ceil(fontSize / DEVICE_SCALE) + "px";
    const pW = prefixImage.size.width; // prefix width
    const pH = prefixImage.size.height; // prefix height
    const dW = (await getTextWidth(text, SYSTEM_FONT_WEIGHT + " " + fontSizeInPx + " " + SYSTEM_FONT_NAME)) * DEVICE_SCALE;

    if (fontSize <= 30) gap = 4;
    else if (fontSize <= 100) gap = 10;
    else if (fontSize > 100) gap = 20;

    // Create a new canvas for prefixImage + text of size item
    prefixCanvas=new DrawContext();
    prefixCanvas.opaque = false;
    prefixCanvas.size = new Size(pW + dW + gap,oH);
    if (prefixColor != "#######") prefixImage = await tintSFSymbol(prefixImage, new Color(prefixColor));
    // Draw prefixImage at (x,y) = (0,0)
    prefixCanvas.drawImageAtPoint(prefixImage, new Point(0,0));
    
    const dataRect = new Rect(pW + gap,0,dW,oH);
    prefixCanvas.setTextColor(new Color(overrideColor));
    prefixCanvas.setFont(font);
    prefixCanvas.setTextAlignedLeft();
    prefixCanvas.drawTextInRect(text, dataRect);
  } catch (error) {
    errMsg = "prefixImage_" + error.message.replace(/\s/g,"_");
    writeLOG(errMsg);
    return;
  }
  return prefixCanvas.getImage();
}
/*------------------------------------------------------------------
FUNCTION updateLayout
------------------------------------------------------------------*/