URL to PDF API

javascript
const axios = require("axios");
const { PDFDocument } = require("pdf-lib");
const fs = require("fs");

const API_KEY = process.env.SCREENSHOT_API_KEY;

async function urlToPdf(url) {
  // Step 1: Capture full-page screenshot
  const response = await axios.get("https://screenshotapi.to/api/v1/screenshot", {
    params: {
      url,
      width: 1440,
      fullPage: true,
      type: "png",
      waitUntil: "networkidle",
    },
    headers: { "x-api-key": API_KEY },
    responseType: "arraybuffer",
  });

  const imageBytes = response.data;

  // Step 2: Create PDF and embed the screenshot
  const pdfDoc = await PDFDocument.create();
  const pngImage = await pdfDoc.embedPng(imageBytes);

  const pageWidth = 595.28; // A4 width in points
  const scale = pageWidth / pngImage.width;
  const scaledHeight = pngImage.height * scale;

  // Split into A4-sized pages if the image is taller than one page
  const pageHeight = 841.89; // A4 height in points
  let yOffset = 0;

  while (yOffset < scaledHeight) {
    const page = pdfDoc.addPage([pageWidth, pageHeight]);
    const remainingHeight = scaledHeight - yOffset;
    const drawHeight = Math.min(remainingHeight, pageHeight);

    page.drawImage(pngImage, {
      x: 0,
      y: pageHeight - drawHeight,
      width: pageWidth,
      height: scaledHeight,
    });

    yOffset += pageHeight;
  }

  const pdfBytes = await pdfDoc.save();
  fs.writeFileSync("output.pdf", pdfBytes);
  return pdfBytes;
}

urlToPdf("https://example.com/report");

python
import os
import io
import httpx
from PIL import Image
from reportlab.lib.pagesizes import A4
from reportlab.pdfgen import canvas

API_KEY = os.environ["SCREENSHOT_API_KEY"]

def url_to_pdf(url: str, output_path: str = "output.pdf") -> bytes:
    # Step 1: Capture full-page screenshot
    response = httpx.get(
        "https://screenshotapi.to/api/v1/screenshot",
        params={
            "url": url,
            "width": 1440,
            "fullPage": True,
            "type": "png",
            "waitUntil": "networkidle",
        },
        headers={"x-api-key": API_KEY},
    )
    response.raise_for_status()

    # Step 2: Convert screenshot to PDF
    img = Image.open(io.BytesIO(response.content))
    img_width, img_height = img.size

    page_width, page_height = A4
    scale = page_width / img_width
    scaled_height = img_height * scale

    c = canvas.Canvas(output_path, pagesize=(page_width, max(scaled_height, page_height)))

    img_path = "/tmp/screenshot.png"
    img.save(img_path)
    c.drawImage(img_path, 0, max(0, page_height - scaled_height),
                width=page_width, height=scaled_height)
    c.save()

    with open(output_path, "rb") as f:
        return f.read()

url_to_pdf("https://example.com/report")

javascript
const axios = require("axios");
const { PDFDocument } = require("pdf-lib");

async function batchUrlsToPdf(urls) {
  const mergedPdf = await PDFDocument.create();

  for (const url of urls) {
    const response = await axios.get("https://screenshotapi.to/api/v1/screenshot", {
      params: {
        url,
        width: 1440,
        height: 900,
        type: "png",
        waitUntil: "networkidle",
      },
      headers: { "x-api-key": process.env.SCREENSHOT_API_KEY },
      responseType: "arraybuffer",
    });

    const pngImage = await mergedPdf.embedPng(response.data);
    const page = mergedPdf.addPage([595.28, 841.89]);

    const scale = 595.28 / pngImage.width;
    page.drawImage(pngImage, {
      x: 0,
      y: 841.89 - pngImage.height * scale,
      width: 595.28,
      height: pngImage.height * scale,
    });
  }

  return mergedPdf.save();
}

batchUrlsToPdf([
  "https://example.com/page-1",
  "https://example.com/page-2",
  "https://example.com/page-3",
]);

javascript
params: {
  url: dashboardUrl,
  waitForSelector: ".chart-rendered",
  waitUntil: "networkidle",
  fullPage: true,
}

javascript
params: {
  url: targetUrl,
  width: 2880, // 2x A4 width for retina-quality output
  fullPage: true,
  type: "png",
}

javascript
params: {
  url: targetUrl,
  colorScheme: "light",
  fullPage: true,
}