二维码的生成(可设置大小)以及插件下载地址
生活随笔
收集整理的這篇文章主要介紹了
二维码的生成(可设置大小)以及插件下载地址
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文寫的二維碼生成是基于jQuery和jquery.qrcode.min.js插件的,本文將介紹兩種方法和方式,僅供朋友選擇和取舍。本文最下面附有插件的下載地址!
方式1:
基于jquery.qrcode.min.js插件生成,代碼如下:
<html>
<head>
<title>生成二維碼</title>
<meta name="author" content="Stone(at)游久網,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").qrcode("設置二維碼的內容。");
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
優點:基于jquery.qrcode.min.js插件生成,穩定,效率比較高。
缺點:不能設置和控制生成二維碼的大小(筆者還沒有找到)。
方式2:
基于jquery.MyQRCode.js插件下載,代碼如下:
<html><head>
<title>生成二維碼</title>
<meta name="author" content="Stone(at)游久網,Blog" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.MyQRCode.js"></script>
<script type="text/javascript">
jQuery(function () {
jQuery("#qrCodeDiv").MyQRCode(
{
content: "設置二維碼的內容。",
size: "400x400"
});
});
</script>
</head>
<body>
<div id="qrCodeDiv">
</div>
</body>
</html>
優點:可自定義自己設置大小。
缺點:此二維碼是基于https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding} 這個網址生成的,只是溝通js封裝,依賴性很強。
至此二維碼的生成就寫完了,前輩們很友好把代碼封裝好了,只要遵循一定方法調用就是了,這也許就是互聯網的精神,it的精神。
下載地址:
jquery-1.6.1.min.js
jquery.qrcode.min.js
jquery.MyQRCode.js
【Stone 制作整理,引用請寫明出處謝謝合作,聯系QQ:1370569】
總結
以上是生活随笔為你收集整理的二维码的生成(可设置大小)以及插件下载地址的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 水印生成器第2版[原图质量水印可自定义设
- 下一篇: Oracle常用数据字典表