怎么把一篇文章制作成一個二維碼？

享文章、文檔資料的時候，你還在使用紙質的文件嗎？

現在有一種全新的方法啦！那就是二維碼。

隨著互聯網的飛速發展，二維碼的價值正在被越來越多的人發現和應用。在各行各業，人們使用二維碼來存儲信息、傳遞信息，通過二維碼實現便捷交易，利用二維碼來做宣傳、市場營銷等等。

毋庸置疑的是，二維碼最基本的作用是傳遞信息。那么使用二維碼傳遞信息到底有哪些優勢呢？

一，使用二維碼傳遞信息的優勢有哪些？

1，傳播迅速

掃描二維碼，便可立即查看其內容，不論是跳轉網址、還是查看文檔、視頻、音頻，都可以通過掃描一個二維碼來實現，可以迅速獲知信息的內容。無需登錄某個網站、郵箱、或者查看紙質文件。

2，不受地域限制

只要你在地球上任何一個連網的地方，都能使用二維碼。

3，經濟環保

查看資料、分享知識，一個二維碼就能搞定，從而大大避免了紙張的浪費。所以我們完全可以說，二維碼是環境友好型信息傳遞者。

4，具有保密功能

使用二維碼分享資料的時候，還可以設置密碼。掃碼之后需要輸入密碼才能查看內容，所以是具有一定的保密功能的。

二，哪些場景會需要文檔二維碼呢？

1，教育行業

考試、知識分享、布置作業

2，新媒體運營、作家、編輯等

用來存儲文檔、分享分檔、提交稿子等。

3，招聘求職

提交簡歷作品集、簡歷分享，還有招聘信息發布也能通過二維碼來實現。

4，品牌和產品相關

諸如：品牌活動宣傳、產品電子說明書之類的。

三，如何將文章制作成一個二維碼呢？

第一步，登錄二維彩虹二維碼生成器官方網站

第二步，選擇“文件”選項

并且上傳準備好的文件。這里支持的文本格式包括以下這些類型：

除了Word和TXT格式的文件外，二維彩虹還支持以下格式的辦公文件。

演示文件：pptx、ppt、pot、potx、pps、ppsx、dps、dpt、pptm、potm、ppsm

表格文件：xls、xlt、et、ett、xlsx、xltx、csv、xlsb、xlsm、xltm

文字文件：doc、dot、wps、wpt、docx、dotx、docm、dotm

其他格式文件：jpg、png、pdf、mp3、mp4、 lrc、 c、 cpp、 h、 asm、 s、 java、 asp、 bat、 bas、 prg、 cmd、 rtf、 log、 xml、 htm、 html

第三步，生成動態二維碼

一般我們建議使用動態二維碼。因為動態二維碼在應用過程中是明顯具有優勢的。首先，在二維碼制作完成之后，若是發現文件的內容需要更新，那么直接進入后臺重新更新內容即可，更新之后，再掃描二維碼就能看到最新更新的信息了。

另外，動態二維碼還可以追蹤二維碼的掃描數據，比如掃描時間、數量、位置、設備等。

第四步，美化二維碼

可以對二維碼的樣式進行一些自定義設計。比如調整二維碼樣式、邊框、圖眼，還可以根據自己的喜好設置好看的漸變色，更能上傳logo和頭像。

第五步，測試二維碼

這是非常重要的一步，在美化二維碼之后一定要進行掃描測試，確保二維碼能被識別出來，同時顯示的內容沒有問題。

第六步，下載應用二維碼

第七步，設置密碼

進入追蹤數據一欄，找到對應的二維碼，點擊旁邊的密碼鎖按鈕，即可設置這個二維碼的密碼了。設置完成之后，任何人掃描二維碼想要查看內容，都必須先輸入你設置的密碼才可以查看。

到此，文件二維碼就制作完成了。

當然啦，如果你想要制作圖文并存的二維碼，或者是包含視頻、音頻的二維碼，在二維彩虹也可以輕松實現。詳細的操作步驟，請查看文末的相關閱讀即可。

維碼又稱QR Code，是一個近幾年來移動設備上很流行的一種編碼方式它比傳統的一維碼（條形碼）能存更多的信息，也能表示更多的數據類型。按照一定規律排列組成的幾何圖形構成，它巧妙地利用構成計算機內部邏輯基礎的“0”、“1”比特流的概念

生活中的應用也是非常的廣泛

人們的生活方方面面都離不開二維碼，而且她也給人們帶來了極大的便利。

<br><br> (二維碼自動識別)

二維碼有哪些優缺點：

優點：

1．高密度編碼，信息容量大。
2．編碼范圍廣。
3．容錯能力強，具有糾錯功能。
4．譯碼可靠性高。
5．可引入加密措施。
6．成本低，易制作，持久耐用。

缺點：

1．個人信息泄露（火車票上都已經有了可以儲存個人信息的二維碼）
2．識別二維碼的設備還不夠豐富。

QRCode.js

下面進入正題，如何用js生成二維碼，
QRCode.js 是一個用于生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫。可以快速的在web頁面中繪制出二維碼。

通過獲取 DOM 的標簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫

引入相應js文件 :

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>`
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

在html中設置頁面容器。用來承載生成之后的二維碼顯示

調用：

$(網頁容器).qrcode({寬度:值，高度：值，內容：值});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.qrcode.min.js"></script>
    <title></title>
</head>
<script>
    function demo(){
       // $(網頁容器).qrcode({寬度:值，高度：值，內容：值});
        $("#code").qrcode({wihth:150,height:200,text:"HellowWord"});
    }
</script>
<body>
    <div id="code"></div>
    <button onclick="demo()">點我生成</button>
</body>
</html>

注意：

但是有可能中文會出現亂碼

編寫方法轉換中文內容，接收參數判斷當前數據的Unicode

function utf16to8(str) {  
    var out, i, len, c;  
    out = "";  //創建空變量保存結果
    len = str.length; //設置傳入形參數據長度
    for(i = 0; i < len; i++) {  
		c = str.charCodeAt(i);  //返回字符串第一個字符的 Unicode 編碼: 
		if ((c >= 0x0001) && (c <= 0x007F)) {  //判斷Unicode 編碼范圍
			out += str.charAt(i);  
		} else if (c > 0x07FF) {  
            //將 Unicode 編碼轉為一個字符
			out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));  
			out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));  
			out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));  
		} else {  
            //將 Unicode 編碼轉為一個字符
			out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));  
			out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));  
		}  
    }  
    //返回出結果
    return out;
}

最終在使用時調用當前方法進行中文轉換

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.qrcode.min.js"></script>
    <script src="handler-chinese.js"></script>
    <title></title>
</head>
<style>
    #demodiv{
        text-align: center;
    }
    #demodiv>input{
        outline: none;
        border: 1px red solid;
        width: 300px;
        height: 50px;
        font-size: 30px;
        padding-left: 10px;
    }
</style>
<script>
   function demo(){
       //獲取輸入框結果
       var text=$("#demodiv>input").val();
        //調用裝換方法
        var newText=utf16to8(text)
        //設置范圍大小并且設置生成二維碼內容
        $("#code").qrcode({wihth:150,height:200,text:newText});
    }
</script>
<body>
        <div id="demodiv" >
            <h1>QRCode生成二維碼</h1>
            <input type="text"/>
            <!--調用轉換方法-->
            <button onclick="demo()">點我生成</button>
        </div>
<div id="code"></div>
</body>
</html>

瀏覽器兼容性

IE6?10，Chrome，Firefox，Safari，Opera，Mobile Safari，Android，Windows Mobile，ETC。

總結

QRCode.js 是用于制作 QRCode 的JavaScript庫。QRCode.js 通過 HTML5 Canvas 和DOM中的表格標簽支持跨瀏覽器。QRCode.js 沒有依賴關系。通過 QECode.js 可以非常方便的在web 頁面中使用二維碼。讓我們在應用中便捷的使用，擴展了項目的適用范圍。讓用戶可以快捷的訪問相關資源。提升項目的用戶體驗，使我們的應用更加符合當下用戶的適用習慣，增加用戶的黏性。

來越多的產品說明、電子圖書、公司文告、網絡資料、電子郵件內容都在開始使用pdf格式來呈現。大家紛紛把圖文內容轉換成PDF格式，這樣傳閱起來更加直觀和便捷。

在一些場合下，直接傳閱PDF文檔給大批量的人是不現實的。所以，這就催生了PDF二維碼。

PDF二維碼可以展示的內容很多樣：品牌故事、產品圖文詳情、安裝指導、售后服務聯系方式等。

就拿產品說明書二維碼來說，將其印制在產品包裝上、企業宣傳冊上、海報上等，不論用戶在哪里，只需要掃描二維碼便可以查看相關的使用說明細節。這對企業和用戶來說都是非常方便的事情。

今天我們主要的內容便是介紹如何制作PDF二維碼的。

一，如何制作PDF二維碼？

第一步，登錄二維彩虹二維碼生成器官網

在線咨詢

上一篇：Javascript全屏模式的切換
下一篇：現代CSS：創建 CSS 雙邊框的 6 種實現方案

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

怎么把一篇文章制作成一個二維碼？

生活中的應用也是非常的廣泛

QRCode.js

瀏覽器兼容性

總結

您的項目需求