Что такое QR-код?
QR-код или код быстрого ответа - это тип матричного штрих-кода, который содержит данные, обычно текст или URL-адреса. QR-код использует четыре режима кодирования, а именно числовой, буквенно-цифровой, байт / двоичный и иероглиф.
Как я могу создать свой собственный QR-код?
Мы можем создать наш собственный QR-код с помощью Google Chart API и угадайте, что? Это бесплатно! Сегодня мы увидим, как создать QR-код, используя всего несколько строк кода.
Описание HTML-страницы
Мы создадим форму, которая позволит пользователю вводить URL-адрес. Форма будет содержать кнопку с надписью «Создать QR-код». При нажатии на нее будет сгенерирован QR-код, который будет показан пользователю.
Реализация
Посмотрите на код ниже. Я использовал Bootstrap для улучшения дизайна формы.
Посмотрите на написанный JavaScript. Javascript просто добавляет источник тега ‹img› в Google Chart API.
Параметры Google Chart API для генерации QR-кода:
1. cht (обязательно): указывает тип диаграммы, в нашем случае qr
2. chs (обязательно): указывает размер диаграммы. Я зафиксировал 400 пикселей в URL.
3. chl (обязательно): данные, для которых должен быть сгенерирован QR-код. В нашем случае введенный URL.
4. choe (необязательно): Кодировка вывода. По умолчанию используется кодировка UTF-8.
5. chld (необязательно): уровень коррекции ошибок. QR-коды поддерживают четыре уровня исправления ошибок, что позволяет восстановить отсутствующие, неправильно прочитанные или скрытые данные.
Чтобы узнать больше об этих параметрах, посетите официальную документацию по адресу: https://developers.google.com/chart/infographics/docs/qr_codes
Конечный результат
Конечный результат нашей программы или HTML-страницы:
При сканировании мы можем посетить URL-адрес, введенный в текстовое поле.
Это была реализация создания QR-кода с использованием HTML и JQuery. Надеюсь, это вам поможет.