Settings

Render Type

• SVG

• Canvas

When rendering the QR code on your page. You have the option of rendering as an SVG (Scalable Vector Graphics) or as a HTML5 Canvas element.

Margin

The Margin applied from the other edge of the QR Code to the edge of the background. Default is 10

Error Correction Level

QR Codes have error correction capabilities to restore data if the code is dirty or damaged. Four error correction levels are available for users to choose according to the operating environment. Raising this level improves error correction capability but also increases the amount of data QR Code size.

Level Q or H may be selected for factory environment where the QR Code may get dirty, whereas Level L or M may be selected for clean environments with the large amounts of data.

Expose States

Check this box if you would like to expose the states of the QR Code. States are useful for updating a qr code on the fly.

When states are exposed. Your primary settings will be saved as a state of the QR Code. You can then modify and update the QR Code (such as from an input form) by modifying and setting the states.

Take a look at the demo here to see how we dynamically generate a QR Code using form inputs.

For more information on updating a QR code See

Unique ID

If you want more than 1 QR code on the same page you will need to set a unique ID for each QR Code. This can be set dynamically, ideal for rendering multiple QR codes, say from the database.

This is different to Bubbles ID Attribute.