Blazor.SignaturePad 7.0.2

There is a newer version of this package available.
See the version list below for details.

dotnet add package Blazor.SignaturePad --version 7.0.2

NuGet\Install-Package Blazor.SignaturePad -Version 7.0.2

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="Blazor.SignaturePad" Version="7.0.2" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add Blazor.SignaturePad --version 7.0.2

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Blazor.SignaturePad, 7.0.2"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

// Install Blazor.SignaturePad as a Cake Addin
#addin nuget:?package=Blazor.SignaturePad&version=7.0.2

// Install Blazor.SignaturePad as a Cake Tool
#tool nuget:?package=Blazor.SignaturePad&version=7.0.2

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

SignaturePad

A simple to use blazor component to draw a signature. It supports both mouse and touch inputs and works on Blazor Server and Blazor WebAssembly.

See a live demo right here on github.

SignaturePad Demo

Installation

You can install from Nuget using the following command:

Install-Package Blazor.SignaturePad

Or via the Visual Studio package manger.

Basic usage

Start by add the following using statement to your root _Imports.razor.

@using SignaturePad

Next you should define add a property to your class. For example:

public class MyInput
{
    public byte[] Signature { get; set; } = Array.Empty<byte>();
}

You can then use it wherever you want. `

    <SignaturePad @bind-Value="Input.Signature" />

The control provides you the image data as base64 byte[]

To get the image, you'll need to convert to byte[] into a string. For example:

public class MyInput
{
    public byte[] Signature { get; set; }
    public string SignatureAsBase64 => System.Text.Encoding.UTF8.GetString(Signature);
}

Product	Compatible and additional computed target framework versions.
.NET	net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed.

Product

.NET

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

net7.0
- Microsoft.AspNetCore.Components.Web (>= 7.0.3)

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.