overlay Object

The overlay configuration which alows you to choose from predefined layouts or insert a custom image.

Note: Always test if the code reads correctly with the overlay. Depending on the length of the value and the size of the overlay, you might need to raise the errorCorrection to "M" or "H".

Example

<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
   value: "https://demos.telerik.com/kendo-ui/content/shared/images/site/kendoka-cta.svg",
   overlay:{
       url: 'https://demos.telerik.com/kendo-ui/content/shared/images/site/kendoka-cta.svg',
       width: 40
   },
   errorCorrection: "M"
 });
</script>
In this article