ด้วยการพัฒนาอินเทอร์เน็ตอย่างรวดเร็วแอปพลิเคชันรหัส QR จะกลายเป็นมากขึ้นเรื่อย ๆ ในเวลาเดียวกันหลายคนเป็นเพียงรหัส QR ทั่วไป โปรดหยิบมือของคุณและออกแบบรหัส QR นี้ ด้านล่างคือการออกแบบรหัส QR ที่ดีมาก
หลักการของรหัส QR :
รหัสบาร์โค้ด/QR สองมิติสามารถแบ่งออกเป็นบาร์โค้ด 2D แบบซ้อน/แถวแถวและบาร์โค้ด 2D เมทริกซ์ บาร์โค้ดสองมิติแบบซ้อน/แถวแถวนั้นเรียงซ้อนกันด้วยบาร์โค้ด 5 มิติ 5 มิติที่มีหลายบรรทัดสั้น ๆ บาร์โค้ดสองมิติเมทริกซ์ประกอบด้วยเมทริกซ์และตำแหน่งองค์ประกอบที่สอดคล้องกันของเมทริกซ์ใช้เพื่อแสดงไบนารี "1", "ว่าง" หมายถึงไบนารี "0" และการจัดเรียงของ "จุด" และ "ว่าง" เป็นรูปแบบ
เมื่อเร็ว ๆ นี้ฉันเริ่มสนใจรหัส QR ฉันศึกษาคำว่า qrcode ที่สร้างขึ้นที่นี่ มันมีความทนทานต่อความผิดปกติสูง
วิธีการแสดงข้อมูล
โมดูลมืดหมายถึงไบนารี "1" และโมดูลแสงแสดงถึงไบนารี "0"
ความสามารถในการแก้ไขข้อผิดพลาด
・ L-Level: ประมาณ 7% ของคำรหัสข้อมูลสามารถแก้ไขได้
ระดับ M M: ประมาณ 15% ของคำรหัสข้อมูลสามารถแก้ไขได้
・ ระดับ Q: ประมาณ 25% ของคำรหัสข้อมูลสามารถแก้ไขได้
・ ระดับ H: ประมาณ 30% ของคำรหัสข้อมูลสามารถแก้ไขได้
การออกแบบข้างต้นใช้ประโยชน์จากการยอมรับความผิดพลาดของ qrcode ซึ่งเป็นสิ่งที่ดีและสร้างสรรค์มาก! -
1. google อินเทอร์เฟซ
การคัดลอกรหัสมีดังนี้:
<? php
$ urlToEncode = "http://www.csd2n.net"; // URL เพื่อสร้างรหัส QR
generateQrFromGoogle ($ urltoEncode);
ฟังก์ชั่น 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 อินเตอร์เฟส หากล้มเหลวคุณสามารถสอบถามอินเทอร์เฟซล่าสุดได้ที่ Google URL
-
-
2..JS การแปลงรหัสเป็น Canvas (จุดสำคัญ)
ตัวอย่าง: http://hxend.com/jsqrcode/test/
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript" src = "http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"> </script>
<div id = qrcode> </div>
<script type = "text/javascript">
qrCode (document.getElementById ('qrcode'), {
ข้อมูล: 'http: //geraldl.net'
-
</script>
3. อินเทอร์เฟซรูปภาพ
การคัดลอกรหัสมีดังนี้:
<img src = "http://qrcoder.sinaapp.com?t=hello World">
4. ตัวอย่าง http://hxend.com/jsqrcode/test/ รหัส
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> qrcode </title>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrcode-light.js"> </script>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrgen.js"> </script>
</head>
<body>
<div>
<H1> การสร้างรหัส QR </h1>
<div>
รูปภาพ: <img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<label> <อินพุต id = qrclearedges type = การทำเครื่องหมายในช่องทำเครื่องหมาย> ทำความสะอาด Edge </label>
</div>
<div> <อินพุต id = fimg type = file> </div>
<div> ข้อความ: <textarea id = qtext> http://www.btugle.com </textarea> </div>
<div> ขนาด: <อินพุต ID = cellesize type = range min = 2 max = 10 value = 6> </div>
<table>
<tr>
<td rowspan = 2> เอฟเฟกต์: </td>
<td colspan = 3> <อินพุต id = celleffect type = range min = -50 max = 50 step = 5 value = 0> </td>
</tr>
<tr id = celleffectstops>
<td align = ซ้าย> <a href =# data = l> ของเหลว </a> </td>
<td align = center> <a href =# data = s> cube </a> </td>
<td align = ขวา> <a href =# data = r> วงกลม </a> </td>
</tr>
</table>
<div>
สีพื้นหน้า: <อินพุต ID = colorfore type = ค่าสี =#4169E1>
สีพื้นหลัง: <อินพุต ID = ประเภทสีแบ็ค = ค่าสี =#ffffff> <br>
สีสันภายนอกสี: <อินพุต ID = colorout type = ค่าสี =#cd5c5c>
สีภายในเส้นขอบ: <อินพุต ID = colorin type = ค่าสี =#191970>
</div>
<button id = qrgen> สร้าง </button>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
วิธีการ 4 ข้างต้นเป็นวิธีที่สามที่ง่ายที่สุดวิธีที่สองแนะนำโดยฉันด้วยอิสระมากขึ้นโปรดเลือกตามความต้องการของคุณ