jQuery 的?qrcode?插件就可以在瀏覽器端生成二維碼圖片. 這個插件的使用非常簡單：

?

1、首先在頁面中加入jquery庫文件和qrcode插件。

代碼??

<script?type="text/javascript"?src="jquery.js"></script>??

<script?type="text/javascript"?src="jquery.qrcode.min.js"></script>???

?

2、在頁面中需要顯示二維碼的地方加入以下代碼。

代碼??

<div?id="qrcodeCanvas"></div>??

<script>??

jQuery('#qrcodeCanvas').qrcode({??

????width???:?300,??

????height??:?300,??

????text????:?http://www.baidu.com??

});???

</script>??

上面這段代碼生成一張 300x300 的canvas二維碼, 它包含的信息便是百度的網(wǎng)址。

?

3、用JS將上面的canvas內(nèi)容轉(zhuǎn)換成圖片（png或jpg格式使其可以保存）。

首先設(shè)個img標(biāo)簽：

代碼??

<img?id="image"?src="">??

最后用JS代碼轉(zhuǎn)換：

代碼??

var?image?=?document.getElementById("image");??

var?canvas?=?document.getElementById("qrcodeCanvas").getElementsByTagName("canvas")[0];??

image.src?=?canvas.toDataURL("image/png");??

完成。

轉(zhuǎn)自:http://coyotestark.iteye.com/blog/2265027

轉(zhuǎn)載于:https://www.cnblogs.com/li-han/p/6233307.html

總結(jié)

以上是生活随笔為你收集整理的使用jquery.qrcode生成二维码（转）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。