JavaScript動態(tài)生成二維碼圖片

更新時間：2016年04月20日 14:04:07 作者：weishuanbao

本文給大家介紹js動態(tài)生成二維碼圖片的相關(guān)內(nèi)容，感興趣的朋友一起學(xué)習(xí)吧

1.html代碼

<div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div>

2.引入外部js文件

<script src="QRCode.js"></script>

3.方法調(diào)用

var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 200,
height : 200
}); 
var token='params';
var QRCodeUrl='http:\\www.baidu.com'+'/Share/ScanQRCode?token='+token;
qrcode.makeCode(QRCodeUrl);

以上內(nèi)容是小編給大家介紹的JavaScript動態(tài)生成二維碼圖片的相關(guān)內(nèi)容，希望對大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...
2007-06-06
動態(tài)加載script文件的兩種方法
第一種就是利用ajax方式，第二種是，動態(tài)創(chuàng)建一個script標(biāo)簽，設(shè)置其src屬性，通過把script標(biāo)簽插入到頁面head來加載js，感興趣的朋友可以了解下
2013-08-08
Js+Jq獲取URL參數(shù)的集中方法示例代碼
這篇文章主要介紹了Js+Jq獲取URL參數(shù)的集中方法,需要的朋友可以參考下
2014-05-05
JavaScript異步編程操作實現(xiàn)介紹
異步（Asynchronous, async）是與同步（Synchronous, sync）相對的概念。在我們學(xué)習(xí)的傳統(tǒng)單線程編程中，程序的運行是同步的，同步不意味著所有步驟同時運行，而是指步驟在一個控制流序列中按順序執(zhí)行，而異步的概念則是不保證同步的概念
2022-09-09
JavaScript實現(xiàn)自動生成帶水印的圖片
這篇文章主要來和大家一起討論如何利用JavaScript實現(xiàn)一個復(fù)雜功能,該功能可以自動為圖片添加水印,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-01-01
JS實現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法
這篇文章主要介紹了JS實現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法,涉及javascript對XML文件的解析技巧,并根據(jù)各瀏覽器進行了相關(guān)調(diào)整,具有良好的兼容性,需要的朋友可以參考下
2015-06-06
小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理
本文主要介紹了小程序開發(fā)實現(xiàn)access_token統(tǒng)一管理，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-07-07
next.js?getServerSideProps源碼解析
這篇文章主要為大家介紹了next.js?getServerSideProps源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-10-10
使用?JS?判斷用戶是否處于活躍狀態(tài)的案例詳解
這篇文章主要介紹了如何使用?JS?判斷用戶是否處于活躍狀態(tài),案例演示了如何獲取用戶活躍狀態(tài),時間閾值定為5秒,超出該閾值沒有操作表示非活躍,否則屬于正在活躍中,需要的朋友可以參考下
2024-05-05
分享網(wǎng)頁檢測搖一搖實例代碼
這篇文章主要介紹了分享網(wǎng)頁檢測搖一搖實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-01-01