简单使用QRCode.js生成二维码
有用到，简单记录一下：
QRCode.js是一个JavaScript库，用于生成QR码。使用QRCode.js可以轻松地在网页中生成QR码，以便用户扫描并访问相关信息。
引入QRCode
这里使用的字节跳动的CDN
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.min.js"></script>创建元素
用于显示生成的二维码
<!-- 用于显示二维码 -->
<div id="qrcode"></div>创建二维码
在js中使用QRCode生成一个二维码并将其显示到第一步创建的元素中
// 创建二维码 并显示到id为qrcode的元素中
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com",
width: 256,
height: 256,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H
});转为可保存图片
使用HTML5的canvas元素将QR码转换为图片，并将其保存为PNG格式 此时可以右键保存图片
var canvas = document.getElementById("qrcode").getElementsByTagName("canvas")[0];
var img = canvas.toDataURL("image/png");canvas下文详细写写...
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2023 年 06 月，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
内容分发网络 CDN
内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。