基础用法:

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

按钮CSS式样:

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

隐藏撤消按钮
    
        <SignaturePad OnResult="((e) =>  Result=e)" BtnCssClass="btn btn-outline-success" EnableUndoBtn="false" />
    

自定义按钮文本:

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

Tips: 复杂签名会导致传输数据量大ssr会出现断流显示reload错误,启用以下配置解决这个问题.

            builder.Services.AddServerSideBlazor(a =>
            {
                //异步调用JavaScript函数的最大等待时间
                a.JSInteropDefaultCallTimeout = TimeSpan.FromMinutes(2);
            }).AddHubOptions(o =>
            {
                //单个传入集线器消息的最大大小。默认 32 KB
                o.MaximumReceiveMessageSize = null;
                //可为客户端上载流缓冲的最大项数。 如果达到此限制，则会阻止处理调用，直到服务器处理流项。
                o.StreamBufferCapacity = 20;
            });