Что это такое?
QRCode.js — это JavaScript-библиотека для генерации QR-кодов прямо в браузере, без бэкенда и без обращения к внешнему API для картинок.
Это фреймворк или просто небольшая библиотека?
Это небольшая самостоятельная библиотека, которая отрисовывает QR-коды либо через HTML5 Canvas, либо через HTML-таблицу — в зависимости от того, что поддерживает браузер.
Как добавить её на страницу?
Подключите скрипт qrcode.js к своей странице, а затем создайте 'new QRCode(element, options)', указав DOM-элемент, в котором будет выведен код; при желании можно задать текст, размер и цвет через параметры.
Нужны ли для её использования другие библиотеки или инструменты сборки?
Нет, у QRCode.js нет зависимостей, поэтому её можно просто подключить на любую страницу как обычный скрипт.
Будет ли она работать в старых или мобильных браузерах?
Да, библиотека явно поддерживает очень широкий круг браузеров: от IE6 до IE10, Chrome, Firefox, Safari, Opera, Mobile Safari, браузер Android и Windows Mobile.
Где это работает — только в десктопных браузерах?
Всё выполняется на стороне клиента, и работает и в десктопных, и в мобильных браузерах, так как при отсутствии Canvas используется отрисовка на основе таблицы.
Отправляются ли мои данные куда-нибудь при генерации QR-кода?
Нет, всё генерируется локально в браузере; никаких запросов к серверу или внешним API не происходит.
Можно ли настроить размер и цвета QR-кода?
Да, через параметры, которые передаются в конструктор QRCode, можно задать, например, ширину, высоту и цвета переднего плана и фона — помимо самого текста для кодирования.
Зачем использовать это вместо онлайн-генератора QR-кодов на сайте?
Потому что библиотека полностью работает на стороне клиента, без зависимостей и без сетевых запросов, поэтому QR-коды можно создавать офлайн, мгновенно и не отправляя данные сторонним сервисам.
What are similar projects?
masonry, oat, dragula, signature_pad, classnames, dom-to-image, skrollr, You-Dont-Need-jQuery
Which topics is it in?
client-side, vanilla-javascript, zero-dependency, qr-code, dom, no-dependencies, offline, browser, utility, html, ui, web-development
