Example of QR Code With Logo in Blazor Barcode Generator Component
This sample displays a machine-readable optical label that contains information about the item to which it is attached. And also visualize the logo image that will be displayed in the center of the QR code
This example shows how to render the logo in the center of the QRCode. The ImageSource
can be specified as an image path, a base64-encoded image, an online image URL, or an icon of the QR code.
You can customize the QR barcode's Value
, allowing you to modify the barcode content. Adjust its Width
, Height
, Background Color
, and Fore Color
to control its size and appearance.
The Text Visibility
option lets you choose whether to display the accompanying text. Margin
properties such as left, right, top, and bottom define the spacing around the barcode.
The Version
property is used to set the version of the QR barcode. Also, the Barcode component provides support to set the error correction level on a QR-type barcode by using the ErrorCorrectionLevel
property.
The Download
button allows users to save the barcode as an image.