vue生成二维码

最新推荐文章于 2025-07-03 08:42:49 发布

浏览器翻译官~

最新推荐文章于 2025-07-03 08:42:49 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签：二维码 vue

本文链接：https://blog.youkuaiyun.com/lbPro0412/article/details/85098542

前端vue技术点干货分享同时被 2 个专栏收录

77 篇文章 ¥99.90 ¥299.90

订阅专栏

前端干货分享

69 篇文章 ¥99.90 ¥299.90

订阅专栏

本文介绍了如何在Vue项目中使用qrcode库生成二维码，并着重讲解了如何结合图片生成带有logo的二维码，包括安装步骤和使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、使用qrcode生成二维码，查看源码中的参数，似乎不能带logo

参考官网地址：https://www.npmjs.com/package/qrcode

安装：

npm install --save qrcode

使用案例：

<canvas id="canvas"></canvas>

QRCode.toCanvas(
        document.getElementById("canvas"),
        "https://fanyi.baidu.com", //这是内容、网址等
        { toSJISFunc: QRCode.toSJIS },
        function(error) {
          if (error) console.error(error);
          console.log("success!");
        }
      );

二、带图片的二维码：

下载：