How to: Replace a Form Field with an Image

• Feb 28, 2022
• 4 minutes to read

This topic describes how to substitute an interactive form field in a PDF document with an image. To perform this task, remove the required form field from the document and display an image instead of the deleted field. Form field removal is necessary, because widget annotation is drawn over the page content and can overlap an image added at the form field’s position.

Follow the steps below to replace a form field with an image that maintains the same size and position.

• Use the PdfAcroFormFacade.GetFormField method to obtain a required form field. Access the PdfAcroFormFacade object by the PdfDocumentFacade.AcroForm property.

• Obtain the widget annotations and get the annotation rectangle (defines the annotation location on the page) via the PdfWidgetFacade.Rectangle property. Note that this property is measured in default user space units.

• Use the PdfWidgetFacade.PageNumber property to get the page where the annotation is located. After that obtain the page boundaries defined by the crop box in the user coordinate system using the PdfPageTreeObject.CropBox property.

• Call the PdfGraphics.DrawImage method to draw an image at the form field’s position.

  Note that PdfGraphics uses the world coordinate system (refer to the Coordinate Systems article for more information on coordinate systems in the PDF Document API). The following formula is used to convert user coordinates to world coordinates.

  UnitX = ((rect.Left – cropBox.Left) / 72) * dpiX; UnitY = ((cropBox.Top – rect.Bottom) / 72 ) * dpiY; where PdfRectangle rect = field.Widget.Rect; PdfRectangle cropBox = field.Widget.Page.CropBox;

  This code example uses 72 for dpiX and dpiY values to simplify the formula above.

• Use the PdfGraphics.AddToPageForeground method to add graphics to the PDF page’s foreground. Pass 72 as DPI values to this method to transform world coordinates to page coordinates without scaling.
• Remove the form field by calling the PdfDocumentProcessor.RemoveFormField method.

View Example: How to replace a form field with an image

C#

using System.Drawing;
using DevExpress.Pdf;

static void Main(string[] args)
{
    const float dpix = 72f;
    const float dpiY = 72f;
  using (PdfDocumentProcessor processor = new PdfDocumentProcessor())
  {

    // Load a PDF document with AcroForm data. 
    processor.LoadDocument("..\\..\\InteractiveForm.pdf");
    PdfDocumentFacade documentFacade = processor.DocumentFacade;
    PdfAcroFormFacade acroForm = documentFacade.AcroForm;
    string fieldName = "Address";
    PdfTextFormFieldFacade formField = acroForm.GetFormField(fieldName) as PdfTextFormFieldFacade;
    if (formField == null) return;

    foreach (PdfWidgetFacade widget in formField)
    {
        PdfRectangle rect = widget.Rectangle;
        PdfPage page = processor.Document.Pages[widget.PageNumber - 1];
        double x = rect.Left - page.CropBox.Left;
        double y = page.CropBox.Top - rect.Bottom;

        // Create graphics and draw an image.
        using (PdfGraphics graphics = processor.CreateGraphics())
        {
            DrawImage(graphics, rect, x, y);

            graphics.AddToPageForeground(page, dpix, dpiY);
        }


    }
    processor.RemoveFormField(fieldName);
    processor.SaveDocument("..\\..\\Result.pdf");
  }
}

static void DrawImage(PdfGraphics graphics, PdfRectangle rect, double x, double y)
{

    Bitmap image = new Bitmap("..\\..\\AddressFormField.png");

    double aspectRatio = image.Width / image.Height;

    double scaleX = image.Width / rect.Width;
    double scaleY = image.Height / rect.Height;

    double width;
    double height;

    if (scaleX < scaleY) {

        width = rect.Width;
        height = width / aspectRatio;
    }

    else {
        height = rect.Height;
        width = height * aspectRatio;
    }

    RectangleF imageRect = new RectangleF((float)x, (float)(y - height), (float)width, (float)height);
    graphics.DrawImage(image, imageRect);
}

VB.NET

Imports System.Drawing
Imports DevExpress.Pdf

Shared Sub Main(ByVal args() As String)
    Const dpix As Single = 72F
    Const dpiY As Single = 72F
  Using processor As New PdfDocumentProcessor()

   ' Load a PDF document with AcroForm data. 
    Dim documentFacade As PdfDocumentFacade = processor.DocumentFacade
    Dim acroForm As PdfAcroFormFacade = documentFacade.AcroForm
    Dim fieldName As String = "Address"
    Dim formField As PdfTextFormFieldFacade = TryCast(acroForm.GetFormField(fieldName), PdfTextFormFieldFacade)
    If formField Is Nothing Then
        Return
    End If

    For Each widget As PdfWidgetFacade In formField
        Dim rect As PdfRectangle = widget.Rectangle
        Dim page As PdfPage = processor.Document.Pages(widget.PageNumber - 1)
        Dim x As Double = rect.Left - page.CropBox.Left
        Dim y As Double = page.CropBox.Top - rect.Bottom

        ' Create graphics and draw an image.
        Using graphics As PdfGraphics = processor.CreateGraphics()
            DrawImage(graphics, rect, x, y)

            graphics.AddToPageForeground(page, dpix, dpiY)
        End Using


    Next widget
    processor.RemoveFormField(fieldName)
    processor.SaveDocument("..\..\Result.pdf")
  End Using
End Sub

Shared Sub DrawImage(ByVal graphics As PdfGraphics, ByVal rect As PdfRectangle, ByVal x As Double, ByVal y As Double)

    Dim image As New Bitmap("..\..\AddressFormField.png")

    Dim aspectRatio As Double = image.Width \ image.Height

    Dim scaleX As Double = image.Width \ rect.Width
    Dim scaleY As Double = image.Height \ rect.Height

    Dim width As Double
    Dim height As Double

    If scaleX < scaleY Then

        width = rect.Width
        height = width / aspectRatio

    Else
        height = rect.Height
        width = height * aspectRatio
    End If

    Dim imageRect As New RectangleF(CSng(x), CSng(y - height), CSng(width), CSng(height))
    graphics.DrawImage(image, imageRect)
End Sub
}