Библиотека генерации QR-кода в javascript [закрыта]

Сценарий, который вы разместили, РАБОТАЕТ, sample.html не анализируется как HTML.

Я написал простой кодировщик GPLv3 qr в javascript, который является локальным, использует HTML5 и очень быстр, поскольку это порт встроенной версии C, которую я написал для процессоров Atmel AVR.

http://code.google.com/p/jsqrencode/downloads/list

Существует действующая версия (которую можно сохранить как веб-приложение на устройствах iOS) по адресу http://zdez.org/qrenc3.html (сохраните дома, откроется в Safari, чтобы вы могли скопировать изображение или использовать Airprint)

Вот ссылка на загружаемый исходный код.

Плагин jquery-qrcode jQuery также генерирует QR-код, используя элемент холста HTML5 или таблицу HTML, если холст не поддерживается.

https://github.com/jeromeetienne/jquery-qrcode

$('#test').qrcode({
    width: 120,
    height: 120, 
    text: "https://github.com/jeromeetienne/jquery-qrcode"});

Рабочая демонстрация jsFiddle:

http://jsfiddle.net/maxim75/YwN8p/4/

Есть простая библиотека JavaScript, которую я когда-то нашел, и она называется QRCode.js.

QRCode.js — это кроссбраузерная библиотека JavaScript, которая позволяет генерировать QRCode на лету на стороне клиента. Он использует холст и таблицы HTMl5 для отображения QRCode. Сама библиотека не имеет никаких зависимостей.

Чтобы сгенерировать QRCode, вам просто нужно включить библиотеку JavaScript, а затем передать в качестве параметров функции QRCode текст, который вы хотите закодировать как QRCode, ширину и высоту QRCode, который вы хотите отобразить, а также указанный вами цвет переднего плана и цвет фона.

Я нашел работающий генератор qrcode на основе javascript-jquery, который может вас заинтересовать. Его открытый исходный код, и он действительно работает. Вот ссылка: https://github.com/jeromeetienne/jquery-qrcode

Преимущество этого заключается в том, что он легкий и не вызывает никаких удаленных служб или веб-сайтов.

У Google есть генератор QR-кода как часть инструментов для работы с диаграммами, который вы можете использовать здесь.

http://code.google.com/apis/chart/infographics/docs/qr_codes.html< /а>

QR-код в начальном посте поддерживает только до 271 байта (версия 10, размер = 57x57, уровень EC L).

Чтобы он поддерживал полные спецификации QR-кода (версия 40, 177x177, 2953 байта), вам нужно добавить больше значений в его RS_BLOCK_TABLE.

См. остальные матрицы (версия 11-40) здесь: http://two.pairlist.net/pipermail/reportlab-users/2010-September/009707.html

Решение Максима лучше, чем библиотека Google, потому что оно работает локально и не требует вызова Google API. также, если вы не используете jQuery, вы можете использовать его по адресу https://github.com/amanuel/JS-HTML5-QRCode-Generator

Я использую QR-код ShieldUI Lite, который можно найти здесь:

https://github.com/shieldui/shieldui-lite

Содержит все версии QR-кода, все уровни ошибок.

Другим решением HTML5 является http://davidshimjs.github.io/qrcodejs/ с совместимостью с IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile браузером.

Как холст/PNG

Существует также новый kjua от того же автора, что и "старый" jQuery.qrcode.

Как холст/PNG/SVG

И QR-Code-generator от @nayuki также может создавать QR-коды в виде SVG.

Вы можете использовать Telerik Kendo-UI для создания qrcode и штрих-кода. Это простой в использовании.

Попробуйте использовать этот пример кода:

QR-код: https://demos.telerik.com/kendo-ui/qrcode/index

Штрих-код: https://demos.telerik.com/kendo-ui/barcode/index< /а>

У npm есть несколько. Я понятия не имею, какие из них хорошие.

$ npm search qrcode
npm http GET https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
npm http 200 https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1379059929305
NAME             DESCRIPTION                                                   A
jsqrcode         a node port of Lazar Laszlo's `jsqrcode` qr code decoder      =
jsqrcode-lite    Simplified version of Lazar Laszlo's `jsqrcode` for node.     =
node-zxing       ZXing Wrapper                                                 =
qr               A small library to generate QR codes with libqrencode.        =
qr-element       qrcode dom element                                            =
qr.js            qrcode encoding in javascript                                 =
qrcode           QRCode / 2d Barcode api with both server side and client side s
qrcode-emitter   Emits QR codes found in an image stream.                      =
qrcode-npm       QRCode Generator for JavaScript                               =
qrcode-terminal  QRCodes, in the terminal                                      =
qrcode.js        QR Code Detection / Decoding / Generation                     =
qread            QRcode detector & decoder                                     =
qruri            NodeJS port of Kang Seonghoon's qr.js                         =
rescode          Generate Codes (EAN13, QRCODE ..)                             =
zbar             node-zbar is a NodeJS binding to the ZBar QR Code library.   

Я не смог найти генератор кода JavaScript qr.

Но вы могли бырассмотреть возможность использования Google API:

http://code.google.com/apis/chart/docs/gallery/qr_codes.html http://togosoft.com/web/qrcode/qrcode.js

Обновление: я только что попробовал http://d-project.googlecode.com/svn/trunk/misc/qrcode/js/qrcode.js и мне кажется, что это нормально. Единственное, что я сделал, это увеличил размер и заставил его правильно закрывать TD, так как самозакрытие не является правильным html. http://k3rmit.org/nopaste/759 Я протестировал 3 разные строки и использовал приложение под названием QRReader на мой iPhone для декодирования.

Обновление 2: с помощью var qr = new QRCode(10, QRErrorCorrectLevel.L); я смог уместить 271 символ в QRCode, однако, возможно, это не самая надежная настройка.

Я знаю, что это старый вопрос, но я думаю, что нет необходимости в библиотеке для создания QR-кода из текста. Вам просто нужно использовать API QR-кода.

Реализация очень проста, у нас есть форма с текстовым полем, которое фиксирует данные содержимого. Всякий раз, когда мы нажимаем кнопку генерации, мы генерируем новый URL-адрес запроса к API, этот URL-адрес состоит из двух основных компонентов data и size. Первый требует закодированного текстового содержимого, а второй будет определять размер изображения. Вот код:

let baseURL = 'https://api.qrserver.com/v1/create-qr-code/?data='
let config = '&size=120x120'

let btn, qrCode, content;

function htmlEncode(value) {
  return $('<div/>').text(value).html();
}

$(function() {
  btn = $('#generate');
  qrCode = $('.qr-code');
  content = $('#content');
  btn.click(function() {
    qrCode.attr('src', baseURL + encodeURIComponent(htmlEncode(content.val())) + config);
  });
});

.qr-code {
  max-width: 160px;
  margin: 10px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  <div class="text-center">
    <img src="https://api.qrserver.com/v1/create-qr-code/?data=http%3A%2F%2Fwww.google.com&size=120x120" class="qr-code img-thumbnail img-responsive">
  </div>

  <div class="form-horizontal">
    <div class="form-group">
      <label class="control-label col-sm-4" for="content">Enter content:</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="content" placeholder="i.e. www.google.com">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="button" class="btn btn-default" id="generate">Generate</button>
      </div>
    </div>
  </div>
</div>

Если вы не можете найти нативную реализацию JavaScript, вы всегда можете использовать AJAX для изображения со своего сервера.

http://www.swetake.com/qr/qr_cgi_e.html

https://drive.google.com/open?id=0B3TWIbBcUUTwcE1vV24wQnRxNGs

выше приведена ссылка на файл js, включите его в свой проект и напишите приведенный ниже код в файле ctp в Cake php или в любом другом месте, которое вы хотите использовать. я проверил это в торте php...

<-- including the file....
<?php echo $this->Html->script('jquery.qrcode.min.js')?>
<div style='padding:100px''><img id="demo" style='width: 100px,height: 100px'></div>
<script type="text/javascript">jQuery("#demo").qrcode({text: "HEllo World!"});</script>