JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
	<div id="qrcode"></div>

JavaScript

/* 	var qrcode = new QRCode(document.getElementById("qrcode"), {
	  text: "https://www.github.com",
	    logo: "http://forbeshub.com/img/forbeshub.jpg"
	}); */
var qrcode = new QRCode(document.getElementById("qrcode"), {
  text: "https://www.github.com",
  logo: "http://forbeshub.com/img/forbeshub.jpg",
  width: 256,
  height: 256,
  colorDark: "#000000",
  colorLight: "#ffffff",
  correctLevel: QRErrorCorrectLevel.H,
  // === Posotion Pattern(Eye) Color
  PO: undefined, // Global Posotion Outer color. if not set, the defaut is `colorDark`
  PI: undefined, // Global Posotion Inner color. if not set, the defaut is `colorDark`
  PO_TL: undefined, // Posotion Outer - Top Left 
  PI_TL: undefined, // Posotion Inner - Top Left 
  PO_TR: undefined, // Posotion Outer - Top Right 
  PI_TR: undefined, // Posotion Inner - Top Right 
  PO_BL: undefined, // Posotion Outer - Bottom Left 
  PI_BL: undefined, // Posotion Inner - Bottom Left 

  // === Alignment Color
  AO: undefined, // Alignment Outer. if not set, the defaut is `colorDark`
  AI: undefined, // Alignment Inner. if not set, the defaut is `colorDark`

  // === Timing Pattern Color
  timing: undefined, // Global Timing color. if not set, the defaut is `colorDark`
  timing_H: undefined, // Horizontal timing color
  timing_V: undefined, // Vertical timing color

  // ==== Backgroud Image
  backgroundImage: undefined, // Background Image
  backgroundImageAlpha: 1, // Background image transparency, value between 0 and 1. default is 1. 
  autoColor: false,

  // IE9+ Only
  dotScale: 1,

  // 0 means that automatically choose the closest version based on the text length
  version: 0
});