Function main

examples/03-forms/create-form-fields.ts:13–213

()

import { formatBytes, saveOutput } from "../utils";

async function main() {
  console.log("Creating a PDF with form fields...\n");

  // Create a new PDF document
  const pdf = PDF.create();

  // Add a page
  pdf.addPage({ size: "letter" });

  // Get the page object for drawing
  const page = pdf.getPage(0);
  if (!page) {
    throw new Error("Failed to get page");
  }

  // Get or create the form
  const form = pdf.getOrCreateForm();

  // Draw a title
  page.drawText("Registration Form", {
    x: 200,
    y: 750,
    size: 24,
    color: black,
  });

  // === Text Fields ===
  console.log("Creating text fields...");

  // Full name field
  const nameLabel = "Full Name:";
  page.drawText(nameLabel, { x: 50, y: 700, size: 12, color: black });

  const nameField = form.createTextField("fullName", {
    fontSize: 12,
    maxLength: 50,
  });
  page.drawField(nameField, { x: 150, y: 695, width: 300, height: 20 });

  // Email field
  page.drawText("Email:", { x: 50, y: 660, size: 12, color: black });

  const emailField = form.createTextField("email", {
    fontSize: 12,
    maxLength: 100,
  });
  page.drawField(emailField, { x: 150, y: 655, width: 300, height: 20 });

  // Phone field
  page.drawText("Phone:", { x: 50, y: 620, size: 12, color: black });

  const phoneField = form.createTextField("phone", {
    fontSize: 12,
    maxLength: 20,
  });
  page.drawField(phoneField, { x: 150, y: 615, width: 200, height: 20 });

  // Comments (multiline)