欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實現(xiàn)的微信二維碼圖片生成器的示例

 更新時間：2016年10月26日 10:05:21   作者：瑞雪驕陽  
二維碼分享功能大多是由后端實現(xiàn)的,對服務器的負載較重,這里有一個前端實現(xiàn)的版本，本文介紹了JavaScript實現(xiàn)的微信二維碼圖片生成器的示例，有需要的可以了解一下。

jquery.qrcode.js 是一個能夠在客戶端生成矩陣二維碼QRCode 的jquery插件 ，使用它可以很方便的在頁面上生成二維條碼。

QRCode.js

QRCode.js是javascript實現(xiàn)二維碼(QRCode)制作生成庫。 QRCode.js有著良好的跨瀏覽器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素繪制），而且QRCode.js沒有任何依賴。只需要引用一個JS。

此插件是能夠獨立使用的，體積也比較小，使用gzip壓縮后才不到4kb。因為它是直接在客戶端生成的條碼，所以不會有圖片下載的過程，能夠?qū)崿F(xiàn)快速生成。它是基于一個多語言的類庫封裝的，也不依賴于其他額外的服務。

注* 它也支持使用SVG繪制二維碼

基本使用

注* 首先需要添加對qrcode.js的引用，并創(chuàng)建一個空DIV

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

還有更多參數(shù)可以選

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

你可以動態(tài)地改變二維碼圖片，速度很快

qrcode.clear();
qrcode.makeCode("http://naver.com");

瀏覽器支持

幾乎支持所有瀏覽器： IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.

DEMO地址： http://davidshimjs.github.io/qrcodejs

注* 這里有一個Server端使用Node.JS生成二維碼圖片的庫，有興趣的同學也可以研究一下： https://github.com/soldair/node-qrcode

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • js中的 || 與 && 運算符詳解

    js中的 || 與 && 運算符詳解

    這篇文章主要介紹了js中的 || 與 && 運算符詳解,需要的朋友可以參考下
    2018-05-05
  • 深入理解JSON數(shù)據(jù)源格式

    深入理解JSON數(shù)據(jù)源格式

    JSON 在很多場合下作為數(shù)據(jù)格式比XML要更加方便。JSON的數(shù)據(jù)由對象、數(shù)組和元素等格式組成。每種格式都可以包含合法的JavaScript數(shù)據(jù)類型
    2014-01-01
  • 如何通過非數(shù)字與字符的方式實現(xiàn)PHP WebShell詳解

    如何通過非數(shù)字與字符的方式實現(xiàn)PHP WebShell詳解

    這篇文章主要給大家介紹了關(guān)于如何通過非數(shù)字與字符的方式實現(xiàn)PHP WebShell的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
    2017-07-07
  • JavaScript學習教程之cookie與webstorage

    JavaScript學習教程之cookie與webstorage

    這篇文章主要給大家介紹了關(guān)于JavaScript學習教程之cookie與webstorage的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
    2019-06-06
  • javascript去除字符串左右兩端的空格

    javascript去除字符串左右兩端的空格

    這篇文章主要介紹了javascript去除字符串左右兩端的空格,需要的朋友可以參考下
    2015-02-02
  • table insertRow、deleteRow定義和用法總結(jié)

    table insertRow、deleteRow定義和用法總結(jié)

    這篇文章主要對table insertRow、deleteRow定義和用法做下總結(jié),需要的朋友可以參考下
    2014-05-05
  • JS獲取地址欄參數(shù)的兩種方法(簡單實用)

    JS獲取地址欄參數(shù)的兩種方法(簡單實用)

    這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(簡單實用)，小編給大家推薦使用第一種采用正則表達式獲取地址欄參數(shù)的方法，此方法簡單實用，對js獲取地址欄參數(shù)相關(guān)知識感興趣的朋友，一起學習吧
    2016-06-06
  • 微信小程序?qū)崿F(xiàn)錨點定位功能的方法實例

    微信小程序?qū)崿F(xiàn)錨點定位功能的方法實例

    “錨點”功能在實際應用設計的好,可以提高用戶體驗,這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)錨點定位功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2021-07-07
  • JavaScript簡單驗證表單空值及郵箱格式的方法

    JavaScript簡單驗證表單空值及郵箱格式的方法

    這篇文章主要介紹了JavaScript簡單驗證表單空值及郵箱格式的方法,涉及javascript基本的表單與字符串操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2017-01-01
  • JavaScript進階練習及簡單實例分析

    JavaScript進階練習及簡單實例分析

    下面小編就為大家?guī)硪黄狫avaScript進階練習及簡單實例分析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06

最新評論