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

「爱情、让人受尽委屈。」 2022-01-06 01:59 677阅读 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

发表评论取消回复

表情：

评论列表（有 0 条评论，677人围观）

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

相关阅读

相关生成二维码、识别二维码的工具类

*笔者日常：** 第一次用markdown写文章，有点手生~ -------------------- **声明：** `此工具类由本人二次整理改造后分享给大家，原编...

待我称王封你为后i/ 2024年04月18日 18:01/ 0 赞/ 92 阅读

相关适用于VUE的二维码生成插件

安装 npm install --save qrcodejs 使用引入 import QRCode from 'qrcodejs2' html

ゞ浴缸里的玫瑰/ 2023年08月17日 16:51/ 0 赞/ 165 阅读

相关 vue-qr（二维码生成插件）

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

拼搏现实的明天。/ 2022年12月04日 02:26/ 0 赞/ 387 阅读

相关 uniapp 二维码生成

js生成二维码安装插件 https://ext.dcloud.net.cn/plugin?id=1287 引入插件 / 二维码 /

缺乏、安全感/ 2022年12月01日 05:18/ 0 赞/ 151 阅读

相关生成二维码

相关博客：[统一返回结果][Link 1] 创建SpringBoot项目  <dependency> <gr

傷城~/ 2022年10月20日 13:55/ 0 赞/ 358 阅读

相关 Java 生成二维码（正常二维码和带Logo的二维码）

1 Maven依赖 <dependency> <groupId>cn.hutool</groupId>

落日映苍穹つ/ 2022年10月09日 12:21/ 0 赞/ 238 阅读

相关 swift生成二维码，扫描二维码

～～～写在前面的话～～～我之前打算做一个APP，然后把电话号码生成二维码或者条形码，用手机扫描，这样，就不用担心会输入错误电话号码了。在下面是实现的扫描二维码的功能

墨蓝/ 2022年09月25日 13:19/ 0 赞/ 543 阅读

相关 uniapp二维码

[uqrcode.js][] <canvas canvas-id="qrcode" style="width: 300rpx;height: 300rpx;" />

喜欢ヅ旅行/ 2022年09月11日 11:21/ 0 赞/ 226 阅读

相关 Vue中使用二维码插件qrcodejs2生成二维码

1.安装 qrcodejs2 npm install qrcodejs2 --save 2.在需要使用的组件内引入 <script>

深藏阁楼爱情的钟/ 2022年01月15日 02:03/ 0 赞/ 693 阅读

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

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

「爱情、让人受尽委屈。」/ 2022年01月06日 01:59/ 0 赞/ 678 阅读