Kendo UI for jQuery 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.

Kendo UI for jQuery Kendoka image

The QRCode is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

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