您的位置：首页 > Web前端 > JavaScript

QRCode-使用Javascript方式创建二维码

2018-02-18 00:25 363 查看

说明

上个知识点讲解了如何用Java生成和解析二维码，这个知识点讲解如何用javascript创建二维码图片。貌似javascript就不需要解析二维码图片了，没有应用场景，就不讲解析了。
js文件

首先需要第三方的js文件：jquery.qrcode.min.js

为了让它可以工作，还需要jquery的js jquery.min.js
html

用法很简单：

$('#qrcode').qrcode({render:'canvas',text:"http://12306.com",width:260,height:260});

注：其中的canvas还可以换成 table,用于在不支持html5的浏览器中使用。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<script src="js/qrcode/jquery.qrcode.min.js"></script>

</head>

<div style="width:800px;margin:50px auto;text-align:center">
<h1>把字符串: http://12306.com 转换为二维码</h1>
<div id="qrcode"></div>

</div>

<script>
$(function(){
$('#qrcode').qrcode({render:'canvas',text:"http://12306.com",width:260,height:260});
});

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航