SignaturePad sign

Basic usage:

<SignaturePad OnResult="((e) =>  Result=e)" BtnCssClass="btn btn-outline-success" />
Button CSS model:

<SignaturePad OnResult="((e) =>  Result=e)" BtnCssClass="btn btn-outline-success" />
        
Custom button text:

<SignaturePad OnResult="((e) =>  Result=e)"
                            SignAboveLabel="Sign above"
                            UndoBtnTitle="Undo"
                            SaveBase64BtnTitle="OK"
                            ChangeColorBtnTitle="Change color"
                            ClearBtnTitle="Clear" />
Response signature interface

Tips: Complex signatures can result in a large SSR of the transmission data, and the disclosure of the Reload error will be displayed, and the following configuration is enabled.


            builder.Services.AddServerSideBlazor(a =>
            {
                //The biggest wait time for asynchronous calls Java Script function
                a.JSInteropDefaultCallTimeout = TimeSpan.FromMinutes(2);
            }).AddHubOptions(o =>
            {
                //Single passed hub message maximum size. Default 32 KB
                o.MaximumReceiveMessageSize = null;
                //The maximum number of loads can be loaded on the client. If this limit is reached, the processing call will be blocked until the server processing flow term.
                o.StreamBufferCapacity = 20;
            });
        




Events

Parameter
Description
Type
DefaultValue
ValueList
OnResult
Signature results callback method
EventCallback<string>
-
OnAlert
Handwriting signature warning information callback
EventCallback<string>
-
OnError
Error callback method
Func<string, Task>
-
OnClose
Handwriting signature closed information callback
EventCallback
-
SignAboveLabel
Sign in the box text
string
Sign in the box
-
ClearBtnTitle
Clear button text
string
Clear
-
SignatureAlertText
Please sign the prompt text first
string
Please sign first
-
ChangeColorBtnTitle
Change color button text
string
Color
-
UndoBtnTitle
Cancel button text
string
Undo
-
SaveBase64BtnTitle
Saved as Base64 button text
string
Save
-
SavePNGBtnTitle
Save as png button text
string
PNG
-
SaveJPGBtnTitle
Save as JPG button text
string
JPG
-
SaveSVGBtnTitle
Save as SVG button text
string
SVG
-
EnableChangeColorBtn
Enable change color button
bool
true
-
EnableAlertJS
Enable JS error pop-up window
bool
true
-
EnableSaveBase64Btn
Enable saved as base64 button
bool
true
-
EnableSavePNGBtn
Enable saved as a PNG button text
bool
false
-
EnableSaveJPGBtn
Enable saved as JPG button text
bool
false
-
EnableSaveSVGBtn
Enable saved as SVG button text
bool
false
-
CssClass
Component CSS model
string
signature-pad-body
-
BtnCssClass
Button CSS model
string
btn btn-light
-
Responsive
Responsive CSS interface, Best experience for all users
bool
false
-
BackgroundColor
Component background
string
rgb(255, 255, 255),set up rgba(0,0,0,0)Transparent
-
An error has occurred. This application may no longer respond until reloaded. Reload 🗙