С быстрой разработкой Интернета приложения QR -кода станут все больше и больше. В то же время многие из них являются просто обычными QR -кодами. Пожалуйста, возьмите свою руку и разработайте этот QR -код. Ниже приведены очень хорошие конструкции QR -кода.
Принцип QR -кода :
Двумерные штрих-коды/QR-коды можно разделить на 2D-штрих-коды с укладками/строкой и штрих-коды матрицы 2D. Двумерный штрих-код с уклаженным/строкой складывается одномерными 5 штрих-кодами с несколькими короткими линиями; Матричный двухмерный штрих-код состоит из матрицы, а соответствующие позиции элемента матрицы используются для представления бинарного «1», «пусто» означает бинарный »0», а расположение «точка» и «пустое» образует код.
Недавно я заинтересовался QR -кодом. Я изучал термин QRCode, сгенерированный здесь. У него высокая устойчивость к разлому.
Метод представления данных
Темный модуль представляет двоичный «1», а световой модуль представляет двоичный «0».
Способность коррекции ошибок
・ Level: приблизительно 7% слов кода данных можно исправить
・ M Уровень: приблизительно 15% слов кода данных можно исправить
・ Q-уровни: приблизительно 25% слов кода данных могут быть исправлены
・ H-уровни: около 30% слов кода данных могут быть исправлены
Приведенный выше дизайн прекрасно использует устойчивость к разлому QRCode, что очень приятно и очень креативно! !
1. google interface
Кода -копия выглядит следующим образом:
<? Php
$ urltoEncode = "http://www.csd2n.net"; // URL -адрес для генерации QR -кода
GENERATEQRFROMGOOGLE ($ urltoEncode);
Функция GenerateQrfromgoogle ($ chl, $ widhtheaith = '150', $ ec_level = 'l', $ margin = '0')
{
$ url = urlencode ($ url);
echo '<img src = "http://chart.apis.google.com/chart?chs='.$widhthealt.'s'.$widhtheauth.'&cht=qr&chld='.$ec_level.'|'.$margin.'&chl='. widhtheight = "'. $ size.'" // google api интерфейс. Если он не удается, вы можете запросить последний интерфейс в Google URL.
}
?>
2..JS преобразование кода в холст (ключевой момент)
Демо: 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/ code
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<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>
<тело>
<div>
<h1> QR -код генерация </h1>
<div>
Изображение: <IMG ID = QRIMG SRC = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<label> <input id = qrclearedges type = флажок проверен> Очистить Edge </label>
</div>
<div> <input id = fimg type = file> </div>
<div> Текст: <textarea id = Qtext> http://www.btgoogle.com </textarea> </div>
<div> Размер: <id вход = cellsize type = range min = 2 max = 10 value = 6> </div>
<Таблица>
<tr>
<td rowspan = 2> Эффект: </td>
<td colspan = 3> <input id = celleffect type = range min = -50 max = 50 step = 5 value = 0> </td>
</tr>
<tr id = celleffectstops>
<td align = left> <a href =# data = l> Liquid </a> </td>
<td align = center> <a href =# data = s> cube </a> </td>
<td align = right> <a href =# data = r> circle </a> </td>
</tr>
</table>
<div>
Цвет переднего плана: <INPUT ID = ColorFore Type = Цвет значения =#4169E1>
Цвет фона: <INPUT ID = Colorback Type = Color Value =#ffffff> <br>
Внешний цвет цвета: <ID ID = Colorout Type = Color Value =#CD5C5C>
Внутренний цвет: <<INPUT ID = Colorin Type = Color Value =#191970>
</div>
<button id = qrgen> генерировать </button>
</div>
<div id = qrcode> </div>
<script src = "http://files.cnblogs.com/webers/take.js"> </script>
</body>
Приведенные выше 4 метода являются третьими, самые простые, второй рекомендуется мной, с большей свободой, пожалуйста, выберите в соответствии с вашими потребностями.