How to save signature in .NET MAUI Signature Pad (SfSignaturePad)?

This section explains how users can save captured signatures as images using the .NET MAUI Signature Pad control. By implementing the saving logic, digital signatures can be effectively converted into image files for later use. Please follow these steps.

Step 1: Set Up XAML Layout
Create the XAML layout for the page where you intend to capture and save the signature. Construct a layout containing the Signature Pad control and a “Save” button.

XAML

<StackLayout Spacing="20" VerticalOptions="Center">
    <Frame HeightRequest="300" WidthRequest="400">
        <signaturePad:SfSignaturePad x:Name="signaturePad" 
                                     StrokeColor="GreenYellow" 
                                     Background="White" />
    </Frame>
    <Button Text="Save" Clicked="Button_Clicked"/>
</StackLayout>

Step 2: Implement the Saving Logic
When you click “Save”, implement the saving logic. Use the ToImageSource method to convert the signature drawn on the Signature Pad into an ImageSource object. Then, utilize the SaveAsImage method to save the captured signature as an image file named “Sign.”

C#

using Syncfusion.Maui.Core.Internals;

namespace SignaturePadSample
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void Button_Clicked(object sender, EventArgs e)
        {
            signaturePad.ToImageSource();
            signaturePad.SaveAsImage("Sign");
        }
    }
}

Download the complete sample from GitHub

Conclusion
I hope you enjoyed learning how to save a signature in .NET MAUI Signature Pad.

Refer to our .NET MAUI Signature Pad’s feature tour page for other groundbreaking feature representations. Explore our .NET MAUI Signature Pad documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and downloads page. If you are new to Syncfusion®, try our 30-day free trial to explore our .NET MAUI Signature Pad and other .NET MAUI components.

If you have any queries or require clarification, please let us know in the comments section below. You can also contact us through our support forums, Direct - Trac, or feedback portal. We are always happy to assist you!