适用于uniapp的二维码的二维码生成插件

「爱情、让人受尽委屈。」 2022-01-06 01:59 610阅读 0赞

github:[https://github.com/RidingACodeToStray/qrcode][https_github.com_RidingACodeToStray_qrcode]

适用于[uniapp][]的二维码库，大部分code由[QRious][]而来。

## 使用方法 ##

let qrcode = new Qrcode();
      qrcode.draw('myCanvas', 'https://u.wechat.com/EJab_1QbJTgyO7tcgynIyBE');

创建对象可传入参数，具体可以参看源码`./js/qrcode/qrcode.js`。

## Example ##

<template>
      <view class="qrcode-body">
        <view class="qrcode">
          <canvas canvas-id="myCanvas"/>
        </view>
      </view>
    </template>
    <script>
      import Qrcode from './js/qrcode/qrcode.js'
    
      export default {
        onLoad() {
          let qrcode = new Qrcode({
            'level': 'L',
            'size': 200
          });
          qrcode.draw('myCanvas', 'https://u.wechat.com/EJab_1QbJTgyO7tcgynIyBE');
        }
      }
    </script>
    <style>
      .qrcode-body {
        width: 100%;
      }
    
      .qrcode-body .qrcode {
        display: flex;
        justify-content: center;
      }
      canvas{
        height: 370px;
        width: 370px;
      }
    </style>

[https_github.com_RidingACodeToStray_qrcode]: https://github.com/RidingACodeToStray/qrcode
[uniapp]: https://uniapp.dcloud.io/
[QRious]: https://github.com/neocotic/qrious

适用于uniapp的二维码的二维码生成插件

发表评论取消回复

还没有评论，来说两句吧...

相关阅读