New to Kendo UI for AngularStart 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 ...
In this article
Image OverlaysSwiss CodeSuggested Links
Not finding the help you need?
Contact Support