qart.js — генератор QR кодов скачать бесплатно с Github

01.02.2017 weatherless JavaScript » Разное на JavaScript » #199

Смотреть Источник Скачать

Как следует из названия поста — перед Вами генератор QR кодов, скачать который Вы сможете абсолютно бесплатно. Кстати, можно использовать свое изображение.

Давайте разберемся, в чем же особенность данного JS плагина? Мы привыкли видеть QR-коды с непонятными «помехами», которые толком ничего не иллюстрируют. Однако теперь Вы сможете создать QR-код с использование своей картинки, например, фотографии или аватарки.

Как это все работает, можно посмотреть по ссылке демо-режима в начале поста. Далее Вы найдете небольшую инструкцию по использованию плагина:

Инсталлируем плагин — либо скачиваем пакеты через npm, либо тянем архив и достаем оттуда библиотеку qart.min.js.

Использование в браузере:

&lt;script src="../dist/qart.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
    new QArt({
        value: value,
        imagePath: './example.png',
        filter: filter
    }).make(document.getElementById('qart'));
&lt;/script&gt;

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'));

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