Как следует из названия поста — перед Вами генератор QR кодов, скачать который Вы сможете абсолютно бесплатно. Кстати, можно использовать свое изображение.
Давайте разберемся, в чем же особенность данного JS плагина? Мы привыкли видеть QR-коды с непонятными «помехами», которые толком ничего не иллюстрируют. Однако теперь Вы сможете создать QR-код с использование своей картинки, например, фотографии или аватарки.
Как это все работает, можно посмотреть по ссылке демо-режима в начале поста. Далее Вы найдете небольшую инструкцию по использованию плагина:
Инсталлируем плагин — либо скачиваем пакеты через npm, либо тянем архив и достаем оттуда библиотеку qart.min.js.
Использование в браузере:
<script src="../dist/qart.min.js"></script>
<script>
new QArt({
value: value,
imagePath: './example.png',
filter: filter
}).make(document.getElementById('qart'));
</script>
Или с использованием ES6:
import QArt from 'qartjs';
const qart = new QArt({
value: value,
imagePath: './example.png',
filter: filter
});
qart.make(document.getElementById('qart'));
Опции, используемые генератором QR-кодов:
Поле | Тип | Описание | По умолчанию |
---|---|---|---|
value | String | Данные QR-кода. | Обязательно |
imagePath | String | Путь комбинированного изображения. | Обязательно |
filter | String | Определить фильтр изображения.threshold or color |
threshold |
Скачать генератор QR кодов можно напрямую с Github, нажав на кнопку выше.