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

最新推荐文章于 2024-06-21 21:10:05 发布

litengbin

最新推荐文章于 2024-06-21 21:10:05 发布

阅读量687

点赞数

分类专栏： QRCode

QRCode 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

说明

上个知识点讲解了如何用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>

litengbin

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
QRCode-使用Javascript方式创建二维码

说明上个知识点讲解了如何用Java生成和解析二维码，这个知识点讲解如何用javascript创建二维码图片。貌似javascript就不需要解析二维码图片了，没有应用场景，就不讲解析了。js文件首先需要第三方的js文件：jquery.qrcode.min.js为了让它可以工作，还需要jquery的js jquery.min.jshtml用法很简单： $('#qr
复制链接

扫一扫

专栏目录