Version: 2023.11

Stamping New Content

Screen: Indicates that CSS rules are intended for on-screen viewing. Styles are optimized for digital screens, which typically include considerations like colors and layouts that look good on computer monitors.
Print: Instructs the browser to apply styles tailored for printed documents. This means the CSS rules are optimized for printing, ensuring readability and proper formatting when the HTML content is printed on physical media, like paper.

import {PdfDocument, HorizontalAlignment, VerticalAlignment} from "@ironsoftware/ironpdf";

(async () => {
    // Open existing PDF
    const pdf = await PdfDocument.fromFile("Sample.pdf");

    // Configure the HTML stamp
    const stampOptions = {
        horizontalAlignment: HorizontalAlignment.Center,
        verticalAlignment: VerticalAlignment.Bottom,
        behindExistingContent: false,
        opacity: 30
    };

    const html = "<img src='https://ironpdf.com/img/products/ironpdf-logo-text-dotnet.svg'/>"
    // Apply the stamp to the PDF
    await pdf.stampHtml(html, {htmlStampOptions: stampOptions});

    // Save the stamped PDF
    await pdf.saveAs("stamped_image.pdf");
})();

Stamping New Content

HTML stamping leverages an input HTML fragment, granting control over design through inline CSS styling. In the code above, we include images within the HTML and then stamp them onto the document.

IronPDF offers a versatile stamping options, including HTML, text, images, and barcodes. For each stamp, you can precisely define its position, using both vertical and horizontal general locations. These locations can be further adjusted using offsets to achieve pixel-perfect placement. Additionally, most stamp types include opacity and rotation properties.