Pendahuluan

Kali Ini Saya Akan Membagikan Sebuah Cara Yaitu Cara Membuat QR Code Generator.

Oke Langsung Saja Kita Ke Pembelajaran

Langkah - Langkah

Kita bikin QR Code Generator ini pakai library javascript yang sudah saya sediakan. Jadi ga perlu repot-repot gambar rectangle di canvas. Pertama,

kita buat dulu laman HTML dan sekalian form-nya seperti ini.

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
     <title>QR Code Generator</title>
</head>
<body>

<div id="myQR"></div>

</body>
</html>

Sekarang, kita sisipkan library jquery dan generator-nya di bagian 

1
2
3
<script src="https://mexious.github.io/qrcode/cdn/qrthecode.min.js"></script>
<script src="https://mexious.github.io/qrcode/cdn/qrthecode.js"></script>
<script src="https://mexious.github.io/qrcode/cdn/qrcodejq.js"></script>

Dan berikut ini adalah script yang fungsinya untuk meng-generate qr code; Letakkan di bagian .

1
2
3
4
<script>
var area = document.getElementById('myQR');
new QRCode(area, "http://rifkytech.github.io); // URL-nya diganti dengan isi yang diinginkan
</script>

Nah .. Jadinya Akan Seperti Ini

Gambar QR Code

Nah Selesai dah..Semua akan terasa mudah apabila kita memakai library. Library Ini Bukan Saya Yang Buat, Namun Saya Share Kembali Dari Sumber Saya Ketahui…

Untuk Yang Bingung Untuk Peletakan Code nya, Bisa Lihat Dibawah Ini Source Code Lengkapnya…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
     <title>QR Code Generator</title>
		<script src="https://mexious.github.io/qrcode/cdn/qrthecode.min.js"></script>
		<script src="https://mexious.github.io/qrcode/cdn/qrthecode.js"></script>
		<script src="https://mexious.github.io/qrcode/cdn/qrcodejq.js"></script>
</head>
<body>
    <div id="myQR">
<script>
var area = document.getElementById('myQR');
new QRCode(area, "http://rifkytech.github.io"); // URL-nya diganti dengan isi yang diinginkan
</script>
</div>

</body>
</html>

Sekian Dari Saya, Jika Ingin Lagi Ditanyakan silahkan hubungi saya@rifky.tech