pudon / weapp-qrcode-base64

微信小程序生成二维码的插件,基于base64编码输出二维码，不依赖canvas

weapp-qrcode

Generating the QR code in the form of Base64
微信小程序生成二维码的插件,基于base64编码输出二维码，不依赖canvas 理论支持全平台

PS: 主要在node-yaqrcode项目基础上进行改造适应微信小程序

说明

只需要在 wxml 文件中增加个image标签动态引用base64编码即可

<image src="{{qrcodeURL}"> </image>

使用NPM

npm install qrcode-base64

JS调用例子：

    import QR from 'qrcode-base64'

    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

JS调用例子：

    const QR = require('../../utils/weapp-qrcode.js')
    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: 'M',
      size: 500
    })
    // 返回输出base64编码imgData

DEMO示例图

TODO

1. 组件化，适应 mpvue , wepy
2. 更多配置项，灵活多样
3. 样式自定义化，增加更丰富的样式

weapp-qrcode-base64's Issues

可以给二维码添加图标就好了

这个项目生成二维码速度很快，但是可以给二维码添加图标就更好了。

保存下来的gif图片在ios系统上无法发送出去。

[bug] base64t头是data:image/gif 微信基础库2.17没法加载,,希望给个参数改成png

手动替换data:image/gif 为 data:image/png可以正常使用

关于TODO

请问大概什么时候会完工呢_(:з」∠)_

想请问下这插件可以在uniapp使用不，编译到h5和微信小程序平台

可以基于大于128位的文本生成二维码吗

条形码可以嘛?

带上参数的链接会报错

如题，带上参数会报错，
let url ="https://api-jd.sunfax.cn/app/zhanye/article.ashx?id=4138&token=jd_35_510055aeb9b704ab&type=xcx&phone=18366155304"
let imgData = QR.drawImg(
url ,{
typeNumber: 4,
errorCorrectLevel: "M",
size: 80
}
);
这个url地址带参数会报gen is not defined的错误，，但是百度网址什么的就不会报错，

Invalid array length

微信小程序andriod9版本以上，报错

!

8J+kqfCfpKnwn5ic8J+YicKgIMKgIMKgIMKgICJcL1wvZGRtXC9cL045ODIyLjM4NDg1NThNQVRURVJLSU5EXC9CMzA1MzQxOTAuMzc2NDQwMjEyO2RjX3Rya19haWQ9NTY3NjA1MzAxO2RjX3Rya19jaWQ9MTk5NjMwNzMzO2RjX2RibV90b2tlbj1BRDFFelJRQUFBQTVDalFLREFnQUZRQUFBQUFkQUFBQUFCSU1DQUFWQUFBQUFCMEFBQUFBSWhRSXZwTGwyMHlvQXVmNnVvUURzQUxGME9EakEwQTdFSVlCSGRpSmppZURBV21CR3R2czctYlphZz09O29yZD0xMDQ0NDkyMTg5O2RjX2xhdD07ZGNfcmRpZD07dGFnX2Zvcl9jaGlsZF9kaXJlY3RlZF90cmVhdG1lbnQ9O3RmdWE9O2x0ZD07ZGNfdGR2PTE7ZGNfcnVpPTE7ZGNfZXh0ZWlkPTM1NzYyMDI1MzgzNjIyOTEzMjQ7ZGNfYXY9NTM2O2RjX3NrPTA7ZGNfY3R5cGU9ODc7ZGNfcmVmPWh0dHA6XC9cL1hiRTVsUHdCWEVjO2RjX3B1YmlkPTI7ZGNfYnR5cGU9MjM/IiwqKirwn6uj8J+klPCfpKs=
wqAgwqAgwqAgwqAgIj1DM0dsMFVkSmZaZjFxM3FTOTB3X29pYWpZQ3RLLTNiTjBvN3lTeTRFU245Mml2Y0FCRUFFZ0FHREp0dUNKbEtTWUU0SUJGMk5oTFhCMVlpMDJNakU1T0RFeE56UTNNRFE1TXpjeG9BSElwZFNpS0tnREJLb0UyZ05QMEZQb2VuZlJZSjJqemJVVUxxLWJ2ZVh3Tk1kQm4zZXZPNDdzSWpXQmdrNzhiNERSZnZuai1JZVp1STJ1cG1McE9VN0NUcTRqektBOGdZcDV5WVJCZFlvelJ4dlprRzljV1lnRDd2eFd3MjBvblZhYWxwN09ZcHV0YlZiWWRkbmZoVnBzT0dPTUplYk1pVWtSdG91VktoMk5wNVFhU1paaGt0VFNGNmhKRkxqNjNIZEZDM3liRjNneHdScU82U0F1M2ZPeElULUhHYkc4NHhROXRNeE9DVUhvLVBsM0lvN2p2ODhWUXNmeVQ1eWlzZmN2QnVxV1NpbUZFeV9TN3AwaUZ0b09lWnZwWHZRTWpVb2ZHQjZNczlWcFd5NXJzaHNRMGU2WDdyempDQXNyeGtBcGIxYnV5dXR4bkNtbmZIYlJTR0VocEpqVk9YTzh6cTVJUi04S1R2Zlh0VWZCWnRmRVdybHRHMVlTdzNPU1ExR2dDLVRDRHNGU2RWWE5oNFljQ0Z2TEZOdHRRQ01iMnJYNUNOR09hSXowel9NdzBNZ0s1ZlJtek9xTXQxR2pmdzVGWFVzWjMzem9pVkl6ZURUbVZmbll2NGJ2VWkzZjFtUDlaZHRGU2k3OFU3QjRYRkNPakIxM2hmc2w1UnJqajUzR28way03NG5fa2JDVmZvRXU0dlRkbnplSzJUVnJHNHJKdFd3S1hLRVBZYXIwYmpidkhVMEJnbWVybHlFVGhyX2QtLVZfeW93RmszTVlDU1o4VGVjTzRIdXppOVBNUWpmTWF5aGJGSEFFWTlEbi0zQmFvb01UVFg0cHFLN083UTVMWWtGYklobkFCTV8tdi02NkJJZ0Z2cExsMjB5U0JRWUlHeEFDR0FHU0JRc0lJaEFFR0FGSXlhMkxBcElGQmdnREVBTVlBYUFHVjlnR0FvQUh5TjJrZ2dPSUJ3R1FCd0tZQndLb0JfbXhzUUtvQjlpM3NRS29CLWVkc1FLb0ItaWRzUUtvQi1xM3NRS29CNmUxc1FLb0ItLTFzUUtvQl9DMXNRS29CNEtxc1FLb0I0UUlxQWVvMGh1b0I3WUhxQWVrbXJFQ3FBZVJuN0VDcUFmbW1yRUNxQWYwbWJFQ3FBZXdtN0VDcUFmZm9iRUNxQWV1c2JFQ3FBZW1xckVDcUFmOXNyRUNxQWYzdUxFQ3FBZjR1TEVDcUFlQnhodW9CX3l2c1FLb0I2dkZHNmdINDlrYnFBZTNxYkVDcUFmcHE3RUNrZ2dMTVZCTVRVNTFZa0pZUm1Pd0NBeTRDQUhTQ0NNSWdNQ0FnQVFRQWhoYU1nS0FCam9NeTlDQWdJQ0FSSURBZ0lBZ1NObWcwalZRRlBJSUgyTmhMWGwwTFdodmMzUXRjSFZpTFRjMU16TTBPRGc0TlRNeE5EUTBPRGZJQ1JuSUNiRUJ5QW5DQWFFTG5qNjJ2bFh0YUQyNkM1QUJDQUVRQVJnR0lBSW9BVEFCUUFWSUFXQUFhQUJ3QVlnQkFKZ0JBYUlCVndvWUNBQWdBaWdEMnJnRURqSU1PZ29LQ0Nnd21Ca0J1Q0FCR0FBZ0FGZ0JZQUJ3QWRBQkFZZ0NBcWdDQmJJQ0pBZ0JFQUlhREFpZ2c4ZWlCaERZa043T0F0cTRCQTR5RERvS0NnZ29NSmdaQWJnZ0FjQUNBcWdCQWRnQkFfSUJBaEFCZ0FJQmlBSUhxQUlBdFFJZjRDOUIwZ3dFQ0FFUUFiQVQyX0xTRmJnVF9fX19fX19fX19fX0FjZ1R4ZERnNHdPd0ZBSEFGY21BZ0VDUUZnR29GZ0dLRnhnSUF4Z0JJQUVvQVRBQk9BRkFBVWdCVUFGWUFXQUNjQUdnRndHcEZ5Tk1OczJSb29mUXVoY0dFQUVvQURBQjBoY0NHRmMmc2lnaD01bGlpUVJGczVEWSZjaWQ9Q0FFU0QtRDItRkZWTVkyVDFXVkN0eDI0LSoqKioqJSMqKioqKipnJmFkX2Nwbj1bQURfQ1BOXSY/dmVyPTImbnM9MSZldmVudD0yJmRldmljZT01JmNvbnRlbnRfdj1YYkU1bFB3QlhFYyZlbD1kZXRhaWxwYWdlJmVpPVVOSmZaZnVzTWNuU2x1OFA4TkdOMkFRJmRldmljZXZlcj0xOC40Ni4zJmJ0aT05NDc3OTQyJmZvcm1hdD0xNV8yXzAmYnJlYWtfdHlwZT0xJmNvbm49W0NPTk5dJmNwbj1bQ1BOXSZsYWN0PVtMQUNUXSZtX3Bvcz0wJm10PVtNVF0mcF9oPVtQX0hdJnBfdz1bUF9XXSZyd3Q9W1JXVF0mc2Rrdj1pLjE4LjQ2JnNsb3RfcG9zPTAmdmlzPVtWSVNdJnd0PVtXVF0mYWRfY3BuPVtBRF9DUE5dJmFkX2lkPSUyQzYxODkwMTMxNTEwNyZhZF9sZW49NjAwMCZhZF9tdD1bQURfTVRdJmFkX3N5cz1ZVC1WaXJhbCUyQy1WaXJhbCZhZF92PTFQTE1OdWJCWEZjJmFxaT1VZEpmWmYxcTNxUzkwd19vaWFqWUNnJmFkX3JtcD0xJnNsaT0xJnNsZnM9MSZsb2dpbmFlbD0xIioqKioqKsKlwqMqKio=
wqAgwqAgwqAgXQ==
wqAgwqAgfSw=
wqDCoCDCoA==
wqAgwqAgInh0YWdzIiA6ICIiLG1pbmUh
wqAgwqA=
wqAgwqAgInBsYXllcuKAnSwge0kgZG9u4oCZdCBwbGF5IHdoZW4gaXQgY29tZXMgdG8gbXkgc29ufQ==
wqAgwqAgImlzZHJtIiA6ICJKUiIs
wqAgwqAgQ2FzaCBwbGVhc2U=
wqAgwqAgImlzaGxzIiA6ICJubyIs
wqAgwqAgImlzbG9jYWwiIDogIm5vIk1Jbm5lc290YSw=
wqAgwqAgImNvbm5lY3Rpb250eXBlIiA6IDEz
wqAgwqAgImlzbW9uZXRpemVkIiA6ICJ5ZXMiLA==
wqAgwqAgImlzbXV0ZWQiIDogIm5vIiw=
wqAgwqAgImVycm9yc2NyZWVuIiA6ICJubyIs
wqAgwqAgIm1vYmlsZWNhcnJpZXIiIDogIlQtTW9iaWxlIm15IHBob25lIGJybyw=
wqAgwqAgIiIgOiAiIiw=
wqDCoCDCoA==
wqDCoCDCoA==
wqAgwqAgwqA=
wqAgwqAgwqAgInJhdGUiIDogMQ==
wqAgwqAgfSw=
wqAgwqAgInFvZWVycm9yZGV0YWlscyIgOiAiIiw=
wqAgwqAgInJlc29sdXRpb24iIDogbm9uZQ==
wqAgfSw=
wqAgImNsaWVudCIgOiB7OTAxIHJlZHdpbmcgYXZlIHRyYWlsZXIgMTYgS2VueW9uIE1uIDU1OTQ2
wqAgwqAgImNtb2RlbCIgOiAiaVBob25lMTQsMyIs
wqAgwqAgImNvc3ZlciIgOsKg
wqAgwqAgIg==
wqAgfSw=
wqAgIiw=

可以定义二维码的颜色吗

一点建议

base64这个思路很棒，但是既然已经是base64了，为什么局限于小程序，
我觉得可以改个名字，跨平台，这样吸引力会更大。

白边怎么去掉