js根据链接生成二维码

最新推荐文章于 2024-08-19 16:44:29 发布

耶瞳

最新推荐文章于 2024-08-19 16:44:29 发布

阅读量1.6k

点赞数 6

分类专栏： js 文章标签： jquery javascript

本文链接：https://blog.csdn.net/tongkongyu/article/details/116566006

版权

js 专栏收录该内容

50 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 方案一 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>
    <div id="qrcode1" style="margin-bottom: 100px;"></div>
    <script>
        var qrcode = new QRCode(document.getElementById('qrcode1'), {
            text: "https://www.csdn.net/",
            width: 100,
            height: 100,
            colorDark: '#000',
            colorLight: "#ffffff"
        });
    </script>

    <!-- 方案二 ，该方法依赖jquery库-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <div id="qrcode2"></div>
    <script>        
        $('#qrcode2').qrcode({
            render: 'canvas', // 或 table
            height: 100,
            width: 100,
            text: "https://www.csdn.net/",
            typeNumber: -1, // 计算模式
            correctLevel: 2, // 二维码纠错级别
            background: "#ffffff", // 背景颜色
            foreground: "#000000" // 二维码颜色
        })
    </script>
</body>

</html>