Blazor签名概述
本文提供有关Blazor签名组件以及它的核心功能。
Blazor Signature组件提供了一个区域，用户可以用鼠标、钢笔或指尖绘制签名。您可以在用户必须签署文档的任何应用程序中使用该组件。Blazor签名集成容易与TelerikForm．组件将签名的值存储为base64字符串
签名组件是Blazor的Telerik UI，一个专业级的UI库，包含100多个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。
创建Blazor签名
- 使用
TelerikSignature标记，将组件添加到razor页面。 - 设置
价值的参数。字符串财产。它支持单向和双向绑定。 - 设置
宽度而且高度参数px值。 - 增加了SignalR消息大小
Blazor签名基本配置
@code {private string SignatureValue {get;设置;｝ ｝外观
Signature组件提供了控制其外观的设置，例如颜色和边框。阅读更多关于Blazor签名外观设置…
事件
使用Blazor签名模糊和价值改变响应用户操作的事件。阅读更多关于Blazor签名事件…
SignalR消息大小
在Blazor服务器端应用程序时，签名使用SignalR WebSocket，其缺省最大消息大小为32 KB．要处理更大的内容，增加Blazor应用程序的最大WebSocket消息大小:
Program.cs(。6)净
使用Microsoft.AspNetCore.SignalR;var builder = WebApplication.CreateBuilder(args);/ /……//签名生成器的SignalR消息大小。万博体育手机版网址配置(options => {options。MaximumReceiveMessageSize = 1024 * 1024;// 1mb}); Startup.cs(。5)净
public void Configure万博体育手机版网址Services(IServiceCollection services){//…//签名服务的SignalR消息大小。万博体育手机版网址配置(options => {options。MaximumReceiveMessageSize = 1024 * 1024;// 1mb});｝ 特征参数
签名参数说明如下表所示。同时查看签名API参考．
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
AriaDescribedBy |
字符串 |
映射到area-describedby属性。使用此参数可在小部件或组与描述它们的文本之间建立关系。 |
AriaLabel |
字符串 |
映射到aria-label属性。如果标记组件的文本不可见，则使用此参数。 |
AriaLabelledBy |
字符串 |
映射到area-labelledby属性。使用此参数引用另一个元素以定义其可访问名称。 |
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-signature”>元素。用它来覆盖主题样式． |
DebounceDelay |
int(150) |
最后输入的符号与内部符号之间的时间(以毫秒为单位)oninput事件触发。 |
启用 |
保龄球(真正的) |
定义是否启用组件。 |
ExportScale |
双（2） |
的宽度而且高度的值乘以的值ExportScale当将签名转换为图像时。 |
高度 |
字符串 |
定义组件的高度。把它放进去px． |
HideLine |
保龄球 |
是否渲染虚线。 |
Maximizable |
保龄球 |
签名是否可以通过右上角的按钮最大化。当最大化时，组件将显示一个模态弹出对话框。也看到PopupScale． |
PopupScale |
双（3） |
的宽度而且高度分量的PopupScale值时最大化Blazor签名。也看到Maximizable． |
只读的 |
保龄球 |
映射到只读的属性。将签名设置为只读状态。 |
光滑的 |
保龄球 |
使用此参数可平滑签名线。 |
StrokeWidth |
双吗? |
所画线条的粗细，以像素为单位。 |
TabIndex |
int ? |
映射到tabindexHTML元素的属性。您可以使用它来自定义表单中的输入用Tab键聚焦的顺序。 |
ValidateOn |
ValidationEvent枚举（ 输入） |
配置将触发验证的事件(如果启用了验证)。欲知详情，请浏览简单输入的验证模式． |
宽度 |
字符串 |
定义组件的宽度。把它放进去px． |
签名参考及方法
签名公开了编程操作的方法。属性定义对组件实例的引用，以使用它们@ref指令属性。方法如下:
| 方法 | 描述 |
|---|---|
刷新 |
使用该方法以编程方式重新呈现签名。 |
获取Signature实例的引用并执行方法
@*获取签名组件的引用并在按钮点击上刷新它*@ 刷新签名 @code {private TelerikSignature SignatureReference {Get;设置;}私有字符串SignatureValue{获取;设置;} private void RefreshClickHandler() {SignatureReference.Refresh();｝ ｝