.NET Core QR Generator Export to image

[Danielle]

I am looking at a business need to add QR codes to PDF exports.  I see that there is an option to export as an image in the JQuery version of  the product exportImage - API Reference - Kendo UI QRCode - Kendo UI for jQuery (telerik.com) but we are using the .NET Core version.  I do not see anything in the documentation about how to export QR codes to an image.  

[Ivaylo]

Hello Danielle,

Thank you for the details provided.

Generally, when you define the HtmlHelepr (or TagHelper) QRCode component, you can obtain its reference when the page is loaded (within the $(document).ready() function) and call any of the available QRCode client-side methods.

Having this in mind, you can utilize the "imageExport()" method of the QRCode to achieve the same functionality:

@(Html.Kendo().QRCode()
        .Name("qrMail")
        .Value("Hey")
)

<script>
$(document).ready(function(){
        var qrCode = $("#qrMail").getKendoQRCode(); // get a reference to the defines QRCode component

        qrCode.exportImage().done(function(data) { // call its exportImage() method (for example, when a button is clicked)
          kendo.saveAs({
              dataURI: data,
              fileName: "QRCode.png"
          });
      });
})
</script>

Additionally, I have prepared a sample REPL where you can test this example:

• https://netcorerepl.telerik.com/couDFAFm34kI1vtf26

If this does not meet your requirements, please provide further details, and we will be happy to assist you.

I hope you find this information helpful.

 

Greetings,
Ivaylo
Progress Telerik

[Danielle]

Thank you Ivaylo!  This is exactly what I needed.  Appreciate the help.