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

This section explains how users can save captured signatures as images using the .NET MAUI SignaturePad control. By implementing the saving logic, you can effectively convert their digital signatures 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 SignaturePad 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 SignaturePad 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 in GitHub

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

Refer to our .NET MAUI SignaturePad’s feature tour page for other groundbreaking feature representations. You can explore our .NET MAUI SignaturePad 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 check out our .NET MAUI SignaturePad and other .NET MAUI components.

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