如何在react js或node js中生成 QR代码?
也许您知道一个用于生成QR码以及中心图像的库或软件包?)
示例
答案 0 :(得分:0)
我认为有很多免费的API可以生成带有徽标的QR码, 即:http://qrickit.com/qrickit_apps/qrickit_api.php
答案 1 :(得分:0)
您可以如下使用qecode
:
在前端(无需做出反应):
<canvas id="canvas"></canvas>
<script src="/build/qrcode.min.js"></script>
<script>
QRCode.toCanvas(document.getElementById('canvas'), 'sample text', function (error) {
if (error) console.error(error)
console.log('success!');
})
</script>
和在nodejs中:
var QRCode = require('qrcode')
QRCode.toDataURL('I am a pony!', function (err, url) {
console.log(url)
})
答案 2 :(得分:0)
此功能将创建一个在中心带有徽标的二维码。
const qrcode= require('qrcode');
const getQRcodeImage = async () => {
try {
let canvas=await qrcode.toCanvas(`my sample text`);
//adding a log at center
const imgDim={width:30,height:30}; //logo dimention
var context = canvas.getContext('2d');
var imageObj = new Image();
imageObj.src = './images/logo.png';
imageObj.onload = function() {
context.drawImage(imageObj,
canvas.width / 2 - imgDim.width / 2,
canvas.height / 2 - imgDim.height / 2,imgDim.width,imgDim.height);
};
return canvas;
}catch (e) {
console.error(e);
return "";
}
}
用法:
$(document).ready(function () {
getQRcodeImage().then(res=>{$("#qrcodeAuth").html( res);});
}