QRcode custom QR code middle picture

Reprinted from : Click to view the reprint source

First step : Download the required files

Files to download , Click me to download

---

The second step : HTML Code

<div id="qr-code" class="qr-code">
	<img id="qrCodeIco" style="display: none;" src=" Your picture path " alt="">
 </div>

---

The third step : JavaScript Code

//  QR code link 
$('#qr-code').qrcode("http://www.baidu.com");

//  Generate qr code 
$("#qr-code canvas")[0].getContext('2d').drawImage($("#qrCodeIco")[0], 100, 100, 65, 65);