Blazor QRCode概述
的Blazor QRCode组件生成帆布而且SVG代表快速响应(QR)代码的图像。
组件生成的图像是一个机器可读的标签,其中包含指向网站或应用程序的定位器、标识符或跟踪器的数据信息。
创建Blazor QRCode
添加
TelerikQRCode
标记,将组件添加到razor页面。设置
价值
财产。设置它
大小
财产。可选地,选择
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。 |
宽度 |
双 |
边框的宽度(以像素为单位)。默认情况下,边界宽度设置为零,这意味着边界将不可见。 |