Dengan pengembangan internet yang cepat, aplikasi kode QR akan menjadi semakin banyak. Pada saat yang sama, banyak dari mereka hanyalah kode QR biasa. Silakan ambil tangan Anda dan rancang kode QR ini. Di bawah ini adalah beberapa desain kode QR yang sangat bagus.
Prinsip Kode QR :
Kode barcode/QR dua dimensi dapat dibagi menjadi barcode 2D baris/baris baris dan barcode matriks 2D. Barcode dua dimensi yang ditumpuk/baris ditumpuk dengan kode 5 dimensi 5-dimensi dengan beberapa saluran pendek; Barcode dua dimensi matriks terdiri dari matriks, dan posisi elemen yang sesuai dari matriks digunakan untuk mewakili biner "1", "kosong" berarti biner "0", dan pengaturan "titik" dan "kosong" membentuk kode.
Baru -baru ini saya tertarik pada kode QR. Saya mempelajari istilah qrcode yang dihasilkan di sini. Ini memiliki toleransi kesalahan yang tinggi.
Metode Representasi Data
Modul gelap mewakili biner "1", dan modul cahaya mewakili biner "0".
Kemampuan koreksi kesalahan
・ L-level: Sekitar 7% dari kata kode data dapat diperbaiki
Level M: Sekitar 15% dari kata kode data dapat diperbaiki
・ Q-Level: Sekitar 25% dari kata kode data dapat diperbaiki
・ Level H: Sekitar 30% dari kata kode data dapat diperbaiki
Desain di atas dengan sempurna menggunakan toleransi kesalahan qrcode, yang sangat bagus dan sangat kreatif! Lai
1. Antarmuka google
Salinan kode adalah sebagai berikut:
<? php
$ urltoEncode = "http://www.csd2n.net"; // URL untuk menghasilkan kode QR
generateQrFromGoogle ($ urltoEncode);
Fungsi GenerateQrFromGoogle ($ chl, $ widhtheight = '150', $ ec_level = 'l', $ margin = '0')
{
$ url = urlencode ($ url);
echo '<img src = "http://chart.apis.google.com/chart?chs='.$widhtheight.'x'.$widhtheight.'&cht=qr&chld='.$ec_Level.'|' '' '' '.' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ''. ' widhtheight = "'. $ size.'" // Google API Interface. Jika gagal, Anda dapat menanyakan antarmuka terbaru di Google URL.
}
?>
2..js Kode Konversi ke Canvas (Poin Kunci)
Demo: http://hxend.com/jsqrcode/test/
Salinan kode adalah sebagai berikut:
<type skrip = "Text/JavaScript" src = "http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"> </script>
<Div id = qrcode> </div>
<type skrip = "Teks/JavaScript">
qrcode (document.geteLementById ('qrcode'), {
Data: 'http: //geraldl.net'
});
</script>
3. Antarmuka gambar
Salinan kode adalah sebagai berikut:
<img src = "http://qrcoder.sinaapp.com?t=hello world">
4. Demo http://hxend.com/jsqrcode/test/ kode
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<iteme> qrcode </iteme>
<type skrip = "Text/JavaScript" src = "http://files.cnblogs.com/webers/qrcode-light.js"> </script>
<type script = "Text/JavaScript" src = "http://files.cnblogs.com/webers/qrgen.js"> </script>
</head>
<body>
<div>
<H1> Pembuatan Kode QR </h1>
<div>
Gambar: <img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<label> <input id = qrclearedges type = kotak centang diperiksa> Bersihkan tepi </label>
</div>
<div> <input id = fimg type = file> </div>
<div> Teks: <TextArea ID = Qtext> http://www.btgoogle.com </textarea> </div>
<SEV> Ukuran: <Input ID = CellSize Type = Range Min = 2 Max = 10 Nilai = 6> </Div>
<able>
<tr>
<td rowspan = 2> Efek: </td>
<td colspan = 3> <input id = Celleffect type = range min = -50 maks = 50 langkah = 5 nilai = 0> </td>
</tr>
<tr id = celleffectstops>
<td align = left> <a href =# data = l> cair </a> </td>
<td align = center> <a href =# data = s> kubus </a> </td>
<td align = kanan> <a href =# data = r> lingkaran </a> </td>
</tr>
</boable>
<div>
Warna latar depan: <input id = colorfore type = nilai warna =#4169e1>
Warna latar belakang: <input id = colorback type = nilai warna =#ffffff> <br>
Warna Batas Luar: <Input ID = Tipe Colorout = Nilai Warna =#CD5C5C>
Warna di dalam-batas: <Input ID = Tipe Colorin = Nilai Warna =#191970>
</div>
<tombol id = qrgen> menghasilkan </button>
</div>
<Div id = qrcode> </div>
<skrip src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
Metode 4 di atas adalah yang ketiga, yang paling sederhana, yang kedua direkomendasikan oleh saya, dengan lebih banyak kebebasan, silakan pilih sesuai dengan kebutuhan Anda.