从带有QRious的字符串生成并下载QR代码-其他空格

时间:2018-10-15 22:50:38

标签: javascript qr-code

我正在尝试使用QRious(https://www.npmjs.com/package/qrious)在我的应用程序中生成和下载QR码。

我必须将任意大小的字符串传递给我的函数,并生成一个100px X 100px大小的QR码,不带任何填充,将其转换为base64 .png图像并下载为.png。

这就是我现在正在做的事情:

getQrCodeImgData (obj) {
    return new Promise(resolve => {
      var qr = new QRious({
        value: obj.str,
        padding: 0,
        size: 100
      })
      return resolve({fileName: obj.fileName, imgData: qr.toDataURL().split(',')[1]})
    })
  }

一切正常,我可以下载100px X 100px的.png图像,但我的QR码无法填充整个图像尺寸,在图像中留有空白。

您可以在下面查看一个示例,检查图像以查看空白:

enter image description here

我只是无法使用QRious消除这些空白。使用“ new QRious({})”创建QR码时,我已经测试了多种配置。

有人知道如何使用QRious或任何其他js QR代码库解决此问题吗?

谢谢!

0 个答案:

没有答案