New to Kendo UI for Angular? Start a free 30-day trial
Overlays
The QR Code supports image overlays and the special Swiss Code overlay.
Image Overlays
Thanks to error correction, information in QR Codes can be recovered even if part of the code is covered or unreadable. This feature allows you to use image overlays to customize the appearance of the QR code.
Always test if the code reads correctly with the desired overlay. Depending on the length of the value and the size of the overlay, you might need to raise the
errorCorrection
level to"M"
or"H"
.
To add an image overlay, prepare a suitable image and set its dimensions and location by using the overlay
setting:
Change Theme
Theme
Loading ...
Swiss Code
To create a Swiss QR Code, set the overlay
attribute to the special "swiss"
overlay type:
Change Theme
Theme
Loading ...