Blazor的Telerik UI?下载30天免费试用

Blazor QRCode概述

Blazor QRCode组件生成帆布而且SVG代表快速响应(QR)代码的图像。

组件生成的图像是一个机器可读的标签,其中包含指向网站或应用程序的定位器、标识符或跟踪器的数据信息。

创建Blazor QRCode

  1. 添加TelerikQRCode标记,将组件添加到razor页面。

  2. 设置价值财产。

  3. 设置它大小财产。

  4. 可选地,选择QRCode类型(其中一个支持的类型).

Telerik QRCode的基本配置

 

编码

编码表示信息与二维码的对应关系。阅读更多关于支持Blazor QRCode编码

类型

该组件公开Swiss和Image QRCode类型。阅读更多关于支持的Blazor QRCode类型…

方法

QRCode方法可以通过其引用访问。

  • 刷新-重绘组件。

你可以看到条码示例并使用Refresh ()方法与QRCode相同。

参数

Blazor Barcode提供了各种参数,允许您配置组件:

参数 类型 描述
RenderAs RenderingMode枚举
Svg
定义首选的呈现模式- svg/canvas。
QRCodeEncoding 枚举 用于编码值的编码模式。
QRCodeErrorCorrection 枚举 用于对值进行编码的错误更正级别。
价值 字符串 定义QRCode的初始值。
大小 字符串 指定大小(宽度而且高度)以像素(即"200px"),因为QRCode是一个正方形。类中有关维度属性的详细信息方面的文章.设置两个大小而且宽度和/或高度将抛出错误。将不同值设置为宽度而且高度也会引起问题。
宽度 字符串 设置QRCode的宽度。如果高度已设置,并且大小属性未设置,值与宽度应该设置为高度
高度 字符串 设置QRCode的高度。如果高度已设置,并且大小属性未设置,值与高度应该设置为宽度
字符串 将在QRCode组件的主包装元素上呈现的CSS类。
背景 字符串 QRCode的背景色。接受有效的CSS颜色字符串,包括HEX和RGB。
颜色 字符串 定义QRCode元素的颜色。默认颜色为黑色。
填充 定义边界和QR模块之间应保留的最小像素距离。

QRCodeOverlay参数

嵌套的QRCodeOverlay标签暴露参数,允许您从预定义的布局或插入自定义图像在Blazor QRCode:

参数 类型 描述
QRCodeOverlayType 枚举 可用的选项有图像而且瑞士.当设置为image时,必须指定图像的url源。如果设置为swiss,则a瑞士二维码被创建。
ImageUrl 字符串 显示的叠加图像的URL。
宽度 覆盖的宽度,以像素为单位。
高度 覆盖的高度,以像素为单位。

QRCodeBorder参数

嵌套的QRCodeBorder标签暴露参数,使您能够自定义Blazor QRCode边界的外观:

参数 类型 描述
颜色 字符串 边框的颜色。接受有效的CSS颜色字符串,包括HEX和RGB。
宽度 边框的宽度(以像素为单位)。默认情况下,边界宽度设置为零,这意味着边界将不可见。

下一个步骤

探索QRCode编码

探索QRCode类型

另请参阅

在本文中
Baidu
map