Margin
Blazor Barcode Example - QR Code With Logo
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
Appearance
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.