Blazor Barcode Example - QR Code With Logo

This sample visualizes a QR Code with an embedded logo, combining the functionality of a machine-readable optical label with visual branding. The logo is displayed in the center of the QR code while maintaining full scannability.

This example demonstrates how to render a logo in the center of a QR Code. The ImageSource can be specified as an image path, base64-encoded image, online image URL, or icon.

Customize the QR barcode with the following options:

• Content: Modify the Value property to change the barcode content
• Size: Adjust Width and Height to control dimensions
• Colors: Set Background Color and Fore Color
• Text Display: Use Text Visibility to show or hide text
• Spacing: Configure Margin properties (left, right, top, bottom)
• Version: Set the Version property to control QR code size
• Error Correction: Configure the ErrorCorrectionLevel property

Use the Download button to save the barcode as an image.