Function importRgb565ImageToDisplayKit

app.js:931–986

({ symbol, w, h, rgb565 })

}

function importRgb565ImageToDisplayKit({ symbol, w, h, rgb565 }) {
  if (!Array.isArray(rgb565) || !rgb565.length) {
    throw new Error("No RGB565 data to import.");
  }

  const id = makeId();
  const x = Math.max(0, Math.round((dispWidth - w) / 2));
  const y = Math.max(0, Math.round((dispHeight - h) / 2));
  const previewUrl = rgb565ToDataUrl(w, h, rgb565);

  // Register asset (embedded by default for imported headers)
  const assetId = "asset_" + Math.random().toString(36).slice(2, 10);
  assets.push({
    id: assetId,
    name: symbol || ("image_" + assetId),
    kind: "image",
    dataUrl: previewUrl,
    sourceName: symbol || "",
    width: w,
    height: h,
    rgb565: Array.from(rgb565),
  });
  ensureAssetsDefaults();

  const el = {
    id,
    type: "image",
    x,
    y,
    w,
    h,
    text: "",
    textSize: 2,
    fillColor: "#ffffff",
    strokeColor: "#ffffff",
    textColor: "#000000",
    value: 0,
    imageName: symbol || ("img_" + id.replace(/[^a-zA-Z0-9_]/g, "_")),
    imageWidth: w,
    imageHeight: h,
    rgb565,
    previewUrl,
    assetId,
    font: getCurrentDriverMode() === "tft" ? DEFAULT_TFT_FONT : DEFAULT_U8G2_FONT
  };

  elements.push(el);
  syncActiveScreenElements();
  selectedId = id;
  updatePreviewSize();
  renderElements();
  updatePropsInputs();
  updateCode();
  renderAssets();
  pushHistory();
}

function openEmbeddedTool(toolKey) {