【兼容IE8】url转换为二维码

最新推荐文章于 2019-11-19 17:03:04 发布

原创最新推荐文章于 2019-11-19 17:03:04 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的二维码生成库QRCode.js。该库能够将输入的URL转换为二维码，并支持IE9+canvas及IE8table。文章提供了一个示例页面，演示了如何通过简单的HTML和JavaScript代码来创建和显示二维码。

将URL转化为二维码 QRCode.js

ie9+ canvas；

ie8 table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <title>Javascript 二维码生成库：QRCode</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
</head>
<body>
<input id="text" type="text" value="http://live.sohu.com" style="width:80%" /><br />
<div id="qrcode" style="width:200px; height:200px; margin-top:15px;"></div>

<script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width : 200,
        height : 200
    });

    function makeCode () {
        var elText = document.getElementById("text");

        if (!elText.value) {
            alert("Input a text");
            elText.focus();
            return;
        }

        qrcode.makeCode(elText.value);
    }

    makeCode();
</script>
</body>
</html>

参考地址：http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html