QRCode Overview

The QRCode generates Canvas and Scalable Vector Graphics (SVG) images that represent Quick Response (QR) codes.

QR codes take a piece of information from a transitory media, place it into the cell phone, and enable the cell phone to quickly read these generated images. All graphics are rendered on the client by using Canvas or SVG.

Basic Configuration

To create a QRCode, use an HTML div element.

<div id="qrcode"></div>

The following example demonstrates how to initialize the QRCode with its default configuration and a simple value.

$("#qrcode").kendoQRCode({
    value: "FOO"
});

The following example demonstrates how to specify the error correction level and the size of the QRCode. To set the border, color, background, and encoding of the QRCode, use the QRCode API.

$("#qrcode").kendoQRCode({
    value: "Hello world!",
    errorCorrection: "M",
    size: 120 // The overall size (in pixels) of the QRCode side.
});

Functionality and Features

The QRCode supports a set of encoding conventions.

See Also

In this article
Not finding the help you need? Improve this article