html api

Using the html api

Create an html image object

This is the easiest why for creating QR codes on your website. Just enter the code in your url :

qr code size : the size of the code in pixels.
border size : the size of the border in pixels.
background color : the color of the background in hex format¹.
color : the color of the tag in hex format, this must be darker then the background.
data : containing the data of the QR code.

¹ examples of an hex formatted color code : #000000 = Black, #FFFFFF = White.

Variations of the html image object

Some variations of the html image object :

More Examples?

Check out the demo page!

Standaard function

Discription :

This example shows you how to use the QRtag api with an image object

Source :

Result :

Note :

When using a border the actual size of this QR code is size + 2 x border size. So if you want an QR code of 200px with a border of 10px you enter 180px for the code and 10px as border. If you want the QR code containing your current url use url as the data variable.

Color code

Discription :

This example shows you how to use colors in your QRtag

Source :

Result :

Note :

When using colors keep a high contrast for better mobile reading.