二维码生成插件 jquery.qrcode.min.js 使用实例

最新推荐文章于 2024-03-26 00:14:07 发布

敲代码的大雄

最新推荐文章于 2024-03-26 00:14:07 发布

阅读量1.5k

点赞数 1

分类专栏：插件使用学习笔记文章标签： html jquery javascript

本文链接：https://blog.csdn.net/qq_34217386/article/details/118025782

版权

学习笔记同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

插件使用

4 篇文章 0 订阅

订阅专栏

二维码生成插件 jquery.qrcode.min.js 使用实例

jquery.qrcode.min.js 插件下载

页面使用demo

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="imgDiv">

</div>

<script th:src="@{/static/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/jquery.qrcode.min.js}"></script>
<script type="text/javascript">
    function qrcodeImg() {
        $("#imgDiv").html('<div id="qrcodeImg" class="img-responsive"></div>');
        $('#qrcodeImg').qrcode({
            //二维码生成方式 table/canvas
            render: "canvas",
            //前景色
            foreground: "#C00",
            //背景色
            background: "#FFF",
            //指定宽
            width: 160,
            //指定高
            height: 160,
            //二维码地址
            text:'http://www.baidu.com'
        });
    }

    $(function(){
        qrcodeImg();
    })

</script>
</body>
</html>

使用效果

在这里插入图片描述

敲代码的大雄

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二维码生成插件 jquery.qrcode.min.js 使用实例

二维码生成插件 jquery.qrcode.min.js 使用实例jquery.qrcode.min.js 插件下载页面使用demo<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>Title</title></head><body&
复制链接

扫一扫