前端生成二维码

最新推荐文章于 2024-04-13 10:16:43 发布

allWords

最新推荐文章于 2024-04-13 10:16:43 发布

阅读量467

点赞数

分类专栏： ui 文章标签：前端生成二维码 JS二维码生成插件 QRCode.js JS 生成动态二维码

本文链接：https://blog.csdn.net/allWords/article/details/78491866

版权

ui 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/9/009
  Time: 16:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
    <script src="js/qrcode.js"></script>
    <script src="js/jquery.min.js"></script>
    <style type="text/css">
        #qrcode{
            position: relative;
            margin-top: 100px;
            margin-left:100px;
            background: white;
        }
    </style>
</head>
<body>
    <!-- 第一种 -->
    <div id="qrcode1"></div>
    <script type="text/javascript">
    new QRCode(document.getElementById("qrcode1"), "http://www.w3cways.com");
    </script>
    
    <!-- 第二种 -->
    <div id="qrcode"></div>

<script>
    var width = $(window).width()*0.3;
    alert(width);
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width : width,//设置宽高
        height : width,
        colorDark: '#000',
        colorLight: "#ffffff"
    });
    qrcode.clear(); // 清除代码.
    qrcode.makeCode("http://baidu.com"); // 生成另外一个二维码.
</script>
</body>
</html>

allWords

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端生成二维码

<%-- Created by IntelliJ IDEA. User: Administrator Date: 2017/11/9/009 Time: 16:19 To change this template use File | Settings | File Templates.--%> #qr
复制链接

扫一扫