Function zoomToSelection

app.js:613–675

()

}

function zoomToSelection() {
  const ids = selectedIds && selectedIds.size ? Array.from(selectedIds) : (selectedId ? [selectedId] : []);
  if (!ids.length) return;
  const els = ids.map((id) => elements.find((e) => e.id === id)).filter(Boolean);
  if (!els.length) return;

  const pad = 24;
  let minX = Math.min(...els.map((e) => e.x)) - pad;
  let maxX = Math.max(...els.map((e) => e.x + e.w)) + pad;
  let minY = Math.min(...els.map((e) => e.y)) - pad;
  let maxY = Math.max(...els.map((e) => e.y + e.h)) + pad;
  minX = clamp(minX, 0, dispWidth);
  minY = clamp(minY, 0, dispHeight);
  maxX = clamp(maxX, 0, dispWidth);
  maxY = clamp(maxY, 0, dispHeight);
  const bw = Math.max(32, maxX - minX);
  const bh = Math.max(32, maxY - minY);

  const wrapper = document.querySelector(".preview-wrapper");
  if (!wrapper || !preview) return;
  const wr = wrapper.getBoundingClientRect();
  const scale = parseFloat(preview.dataset.scale || "1");
  let targetZ = Math.min(wr.width / (bw * scale), wr.height / (bh * scale)) * 0.9;
  targetZ = clamp(targetZ, 0.5, 3);

  viewportPanX = 0;
  viewportPanY = 0;
  if (driverMode === "u8g2") {
    setZoom(targetZ);
    updatePreviewSize();
    applyViewportTransform();
  } else {
    setZoom(targetZ);
    applyViewportTransform();
    updatePreviewSize();
  }
  renderElements();
  renderLayers();

  requestAnimationFrame(() => {
    const nodes = ids
      .map((id) => document.querySelector(`.ui-element[data-id="${id}"]`))
      .filter(Boolean);
    if (!nodes.length) return;
    let u = null;
    nodes.forEach((n) => {
      const r = n.getBoundingClientRect();
      if (!u) u = { left: r.left, top: r.top, right: r.right, bottom: r.bottom };
      else {
        u.left = Math.min(u.left, r.left);
        u.top = Math.min(u.top, r.top);
        u.right = Math.max(u.right, r.right);
        u.bottom = Math.max(u.bottom, r.bottom);
      }
    });
    const wr2 = wrapper.getBoundingClientRect();
    const mx = (u.left + u.right) / 2;
    const my = (u.top + u.bottom) / 2;