Blazor条形码概述
的Blazor条码组件以机器可读格式表示数据。它支持几种不同的编码标准。
所有的图形都在客户端上使用可缩放向量图形(SVG).
创建Blazor条码
添加
TelerikBarcode
标记将组件添加到剃须刀页面。设置
价值
财产。设置
高度
而且宽度
属性。可选地,选择
类型
(其中一个我们支持的编码).- 它的默认编码是
Code39
.
- 它的默认编码是
编码
编码表示消息和条形码之间的映射。阅读有关支持的Blazor条形码编码的更多信息.
方法
通过它的引用可以访问Barcode方法。
刷新
-重绘组件。
这段代码展示了Refresh()方法的示例用法。*@ 改变大小!
@code{Telerik.Blazor.Components.TelerikBarcode TelerikBarcodeRef {get;设置;}字符串高度{get;设置;} = "200px";字符串宽度{获取;设置; } = "300px"; public void ChangeSize() { Height = "400px"; Width = "500px"; } }
参数
Blazor Barcode提供了各种参数,允许您配置组件:
参数 | 类型 | 描述 |
---|---|---|
RenderAs |
RenderingMode 枚举Svg |
定义首选呈现模式- svg/canvas。 |
校验和 |
保龄球 |
通过将其设置为true, Barcode将在文本区域的值旁边显示校验和数字。 |
类型 |
BarcodeType 枚举Code39 |
定义条形码将使用的符号(编码)- (支持的编码的完整列表) |
价值 |
字符串 |
定义条码的初始值。 |
宽度 |
字符串 |
|
高度 |
字符串 |
|
类 |
字符串 |
将在Barcode组件的主包装元素上呈现的CSS类。 |
背景 |
字符串 |
|
颜色 |
字符串 |
定义栏元素的颜色。 |
BarcodeText参数
嵌套的BarcodeText
标记公开自定义Blazor Barcode文本外观的参数:
参数 | 类型 | 描述 |
---|---|---|
颜色 |
字符串 |
|
字体 |
字符串 |
|
BarcodeTextMargin |
对象 |
|
BarcodeTextMargin。底 |
双 |
|
BarcodeTextMargin。左 |
双 |
|
BarcodeTextMargin。正确的 |
双 |
|
BarcodeTextMargin。前 |
双 |
|
可见 |
保龄球 真正的 |
如果假 ,条码将不会将值显示为条码行以下的文本。 |
BarcodeBorder参数
嵌套的BarcodeBorder
标签公开参数,使您能够自定义Blazor Barcode边框的外观:
参数 | 类型 | 描述 |
---|---|---|
颜色 |
字符串 |
|
DashType |
DashType 枚举固体 |
|
宽度 |
双 |
BarcodePadding参数
嵌套的BarcodePadding
标签公开参数,使您能够自定义Blazor条形码的外观:
参数 | 类型 | 描述 |
---|---|---|
底 |
双 |
|
左 |
双 |
|
正确的 |
双 |
|
前 |
双 |