前端重如何利用js实现链接转换成二维码

方法又很多种,今天我只举例一种

步骤:

        1、在qrcode.js的GitHub仓库上下载该库:https://github.com/davidshimjs/qrcodejs,下载完成后,解压缩文件,你将获得qrcode.min.jsqrcode.js两个文件,其中qrcode.min.js是压缩过的、优化后的版本,qrcode.js是未压缩的源文件。((你还可以通过克隆该仓库来获取源代码。在终端或命令行中,使用以下命令进行克隆

git clone https://github.com/davidshimjs/qrcodejs.git

克隆完成后,你将在当前目录下获得一个名为qrcodejs的文件夹,其中包含qrcode.min.jsqrcode.js文件))

        2、 直接按照js引入方法引入使用即可,使用方法如下:

<html>
<head>
    <script src="qrcode.min.js"></script>
</head>
<body>
    <div id="qrcode"></div>

    <script>
        var qrcode = new QRCode("qrcode");
        qrcode.makeCode("https://www.example.com");  // 要生成二维码的链接
    </script>
</body>
</html>
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值