Function exportToPdf

yaml-flow-editor/src/utils/image.ts:147–184

* Export as PDF * Uses high-resolution PNG embedded in PDF for print quality

(
  element: HTMLElement,
  width: number,
  height: number,
  viewport: { x: number; y: number; zoom: number },
  options: Required<ExportOptions>
)

 * Uses high-resolution PNG embedded in PDF for print quality
 */
async function exportToPdf(
  element: HTMLElement,
  width: number,
  height: number,
  viewport: { x: number; y: number; zoom: number },
  options: Required<ExportOptions>
): Promise<void> {
  // Generate high-resolution PNG first
  const pngDataUrl = await toPng(element, {
    backgroundColor: options.backgroundColor,
    width: width,
    height: height,
    pixelRatio: options.scale,
    style: {
      width: `${width}px`,
      height: `${height}px`,
      transform: `translate(${viewport.x}px, ${viewport.y}px) scale(${viewport.zoom})`,
      border: 'none',
      outline: 'none',
    },
    filter: createNodeFilter(),
  });

  // Create PDF
  const orientation = width > height ? 'landscape' : 'portrait';
  const pdf = new jsPDF({
    orientation,
    unit: 'px',
    format: [width, height],
    hotfixes: ['px_scaling'], // Fix pixel scaling issues
  });

  // Add image to PDF
  pdf.addImage(pngDataUrl, 'PNG', 0, 0, width, height);
  
  // Save PDF
  pdf.save(`${options.fileName}.pdf`);
}

/**
 * Trigger file download