BootstrapBlazor.SignaturePad 8.0.0

Prefix Reserved
.NET 6.0 This package targets .NET 6.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package BootstrapBlazor.SignaturePad --version 8.0.0                

                    
                

            
NuGet\Install-Package BootstrapBlazor.SignaturePad -Version 8.0.0
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="BootstrapBlazor.SignaturePad" Version="8.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add BootstrapBlazor.SignaturePad --version 8.0.0                

                    
                

            
#r "nuget: BootstrapBlazor.SignaturePad, 8.0.0"
#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 BootstrapBlazor.SignaturePad as a Cake Addin
#addin nuget:?package=BootstrapBlazor.SignaturePad&version=8.0.0

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

Blazor SignaturePad 手写签名 组件

示例

https://www.blazor.zone/signaturepads

https://blazor.app1.es/signaturepad

使用方法:

  1. nuget包

    BootstrapBlazor.SignaturePad

  2. _Imports.razor 文件 或者页面添加 添加组件库引用

    @using BootstrapBlazor.Components

  3. Razor页面

        <SignaturePad OnResult="((e) =>  Result=e)" />

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

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

    @code{

    /// <summary>
    /// 签名Base64
    /// </summary>
    public string? Result { get; set; }

}

  4. 更多信息请参考

    Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造，并且额外增加了 100 多种常用的组件，为您快速开发项目带来非一般的感觉

    https://www.blazor.zone

    https://www.blazor.zone/signaturepads

更新历史

v7.0.3

  • 清除按钮改为不触发 OnResult 事件

v7.0.2

  • 添加 EnableUndoBtn : 启用撤消按钮/Enable undo button
  • 添加 BtnSaveCssClass : 按钮 "保存 "的css样式
  • 感谢 ArtemAksenov's pr.

Blazor SignaturePad component

Demo

https://www.blazor.zone/signaturepads

https://blazor.app1.es/signaturepad

Instructions:

  1. NuGet install pack

    BootstrapBlazor.OnScreenKeyboard

  2. _Imports.razor or Razor page

    @using BootstrapBlazor.Components

  3. Razor page

        <SignaturePad OnResult="((e) =>  Result=e)" />

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

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

    @code{

    /// <summary>
    /// Sign Base64
    /// </summary>
    public string? Result { get; set; }

}

  4. More informations

    Bootstrap style Blazor UI component library Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects

    https://www.blazor.zone

    https://www.blazor.zone/signaturepads

Historial de actualizaciones

v7.0.2

  • Add EnableUndoBtn : Enable undo button
  • Add BtnSaveCssClass : Button "Save" css style
  • Thanks ArtemAksenov's pr.
Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

条码扫描 BarcodeScanner

手写签名 Handwritten

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

ChuanglinZhou

Alex Chow's GitHub stats

Top Langs

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  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 is compatible.  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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (3)

Showing the top 3 NuGet packages that depend on BootstrapBlazor.SignaturePad:

Package Downloads
BlazorShared

BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库
BootstrapBlazor.Densen.All

Blazor 组件懒人包
BootstrapBlazor.Shared

Package Description

GitHub repositories (2)

Showing the top 2 popular GitHub repositories that depend on BootstrapBlazor.SignaturePad:

Repository Stars
dotnetcore/BootstrapBlazor
Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui，可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
Version Downloads Last updated
9.0.0-beta02 30 11/7/2024
9.0.0-beta01 95 11/1/2024
8.2.0 323 10/16/2024
8.0.3 282 10/4/2024
8.0.2 1,124 7/18/2024
8.0.1 2,683 12/9/2023
8.0.0 645 11/15/2023
7.0.3 3,902 4/26/2023
7.0.2 2,645 2/13/2023
7.0.1 2,103 12/7/2022
7.0.0 1,087 11/9/2022
6.2.1 1,403 10/12/2022
6.2.0 454 10/12/2022
6.1.0 480 10/12/2022
6.0.7 3,047 4/29/2022
6.0.4 508 4/27/2022
6.0.3 679 4/14/2022
6.0.2 528 4/12/2022
6.0.1 492 4/10/2022
6.0.0 499 4/10/2022