js生成二维码

最新推荐文章于 2024-08-09 13:40:51 发布

LPLIFE

最新推荐文章于 2024-08-09 13:40:51 发布

阅读量340

点赞数

分类专栏： js vue

本文链接：https://blog.csdn.net/lplife/article/details/86659028

版权

vue 同时被 2 个专栏收录

32 篇文章 1 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

使用淘宝镜像（下载包比较快）

 npm install -g cnpm --registry=https://registry.npm.taobao.org

执行以下命令

cnpm install qrcodejs2 --save-dev

cnpm install qrcode --save -dev

html代码

    <div class="hello">
        <!-- 用于输入内容的input -->
        <input v-model="message">
        <br>
        <!-- 将获取到的信息画到画布上 -->
        <canvas id="msg"></canvas>
        <div id="qrcode">

        </div>
    </div>

js:使用qrcodejs2

            new QRcode(document.getElementById("qrcode"), {
                text: "https://cn.bing.com",
                width: 128,
                height: 128,
                colorDark: "red",
                colorLight: "#fff",
            });

js:使用qrcode

                // 获取页面的canvas
                var msg = document.getElementById('msg')
                // 将获取到的数据（val）画到msg（canvas）上
                QRCode.toCanvas(msg, val, function () {})

如下图：