生成指定图案的js二维码,并且根据相应生成的背景,可黑白,可彩色的动态二维码图片
var value = 'http://www.sucaihuo.com';
var filter = 'threshold';
var imagePath = 'img/1.jpg';
var self = this;
function makeQR() {
var qr = qrcode.QRCode(10, 'H');
qr.addData(value);
qr.make();
document.getElementById('qr').innerHTML = qr.createImgTag(3);
}
function makeQArt() {
new QArt({
value: value,
imagePath: imagePath,
filter: filter
}).make(document.getElementById('combine'));
}
function getBase64(file, callback) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
callback(reader.result);
};
}
$('#value').keyup(function() {
value = $(this).val();
makeQR();
makeQArt();
});
$('#file').change(function() {
getBase64(this.files[0], function(base64Img) {
var regex = /data:(.*);base64,(.*)/gm;
var parts = regex.exec(base64Img);
imagePath = parts[0];
$('#image img').attr('src', imagePath);
makeQArt();
});
});
$('input[type=radio]').click(function() {
filter = $(this).val();
makeQArt();
});
makeQR();
makeQArt();
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791