c二維碼源碼

❶ 二維碼掃描等級abcd怎麼定義

1. 條碼掃描等級的定義基於曲線參數的評定，這些參數包括最小邊緣比度、解碼性、條空對比度、解碼能力和缺陷容忍度。
2. 掃描反射率曲線的等級用字母A、B、C、D和F表示，分別對應國家標准中的4、3、2、1和0等級。
3. 國家標准要求條碼的符號等級不低於1.5/10/670。
4. A級條碼對應的符號質量等級為4.0-3.5。
5. B級條碼對應的符號質量等級為3.4-2.5。
6. C級條碼對應的符號質量等級為2.4-1.5。
7. D級條碼對應的符號質量等級為1.4-0.5。

❷ 二維碼怎麼生成

製作二維碼需要一種叫做「二維碼生成器」的工具，也就是一種二維碼生成的軟體。二維碼的機制就是用特定的幾何圖形在二維平面上分布的黑白相間的圖形。它的實質就是計算機的邏輯基礎語言，0和1進行的排列組合，使用若干個與二進制相對應的幾何形體來表示文字數值信息。

從字面上就可以看出，二維碼是一種比一維碼更為先進的條碼格式。一維碼只能在一個方向，且大多是水平方向上表達信息，但是二維碼在水平、垂直方向上都能儲存信息。另外，一維碼是由數字、字母構成，但是二維碼可以儲存漢字、數字和圖片等等。

碼上游二維碼的基本功能是用戶可通過上傳的方式將圖片語音視頻等信息通過簡單的在線編輯排版後轉換成二維碼。而且通過碼上游二維碼的文檔在線轉換功能，可以把PPT，Word，PDF，Excel等48種辦公文檔格式自動轉換成可以通過手機在線查看的格式，方便用戶掃碼查看各種文檔。進入碼上游網站了解更多

❸ 前端生成二維碼和條形碼完整方案（附問題處理方案）

前端插件QRCode.js生成二維碼基本使用插件安裝cnpminstallqrcodejs2--save//或者npminstallqrcodejs2--save插件導入

使用commonjs或者es6模塊方式

importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');頁面容器

頁面增加一個容器標簽

<divid="qrcode"ref="qrcode"></div>實例化creatQrCode(){lettext='二維碼內容';letqrcode=newQRCode(this.$refs.qrcode,{text:text,//二維碼內容字元串width:128,//圖像寬度height:128,//圖像高度colorDark:'#000000',//二維碼前景色colorLight:'#ffffff',//二維碼背景色correctLevel:QRCode.CorrectLevel.H,//容錯級別})}問題處理1、清除已經生成的二維碼方案一：this.$refs.qrcode.innerHTML='';方案二：qrcode.clear();//清除二維碼方法二2、動態替換二維碼的內容letstring='新的內容'qrcode.makeCode(string)3、報錯提醒Error:codelengthoverflow？

這是因為url太長，導致二維碼載入報錯，可以調低容錯率來處理。

修改參數：correctLevel:QRCode.CorrectLevel.H，容錯級別，由低到高分別為LMQH

4、字元串較長，二維碼顯示模糊怎麼辦？

可以嘗試先將生成的二維碼倍數擴大，然後在css上面固定顯示寬高，這樣可以擴大顯示像素精度

.qrcode-wrap{width:128px;height:128px;}.qrcode-wrapcanvas,.qrcode-wrapimg{width:100%;height:100%;}<divid="qrcode"ref="qrcode"class="qrcode-wrap"></div>creatQrCode(){lettext='二維碼內容';letqrcode=newQRCode(this.$refs.qrcode,{text:text,width:128*3,//寬擴大3倍height:128*3,//高擴大3倍colorDark:'#000000',colorLight:'#ffffff',correctLevel:QRCode.CorrectLevel.H,})}5、二維碼想要帶白邊怎麼辦？

插件默認生成的圖片是沒有邊框的

如果只想在頁面顯示上有邊框

方案一：直接給容器上面加樣式，利用padding的特性，擠出白邊

.qrcode-border{display:flex;width:128px;height:128px;box-sizing:border-box;padding:10px;/*利用padding*/border:1pxsolidrgb(204,204,204);}<divid="qrcode"ref="qrcode"class="qrcode-border"></div>

方案二：給容器加一個帶邊框樣式的父級容器

.qrcode-container{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border:1pxsolid#cccccc;}<divclass="qrcode-container"><divid="qrcode"ref="qrcode"></div></div>

效果展示

PS：如果只想【列印】的白邊邊框，這兩種方案也可以

QRCode.js文檔npmpackage地址github地址

如果想要頁面和下載的二維碼都帶白邊邊框

可以結合插件html2canvas來實現（如有其它方案，歡迎分享）

html2canvas是一款利用javascript進行屏幕截圖的插件

//安裝cnpminstall--savehtml2canvas//引入importhtml2canvasfrom"html2canvas";

主要思路：

先使用QRCode生成二維碼圖片

然後使用html2canvas把帶樣式的二維碼生成新的圖片

隱藏QRCode生成的二維碼圖片

importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');0

PS：完整的代碼太多就單獨放在飛書文檔了，方便查看和復制完整代碼

最終效果

html2canvas文檔地址

github地址

前端插件JsBarcode生成條形碼安裝和引入importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');1頁面容器importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');2實例化

不要在DOM還未載入時，調用jsbarcode庫，比如create生命周期

簡版

importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');3

復雜版

importQRCodefrom'qrcodejs2';//或者letQRCode=require('qrcodejs2');4

GitHub地址

文檔地址

條碼生成器

擴展常用條形碼類型組成及說明說明圖示CODEBAR條碼這是一個自檢碼，沒有校驗位;用照片實驗室，圖書館，內容僅支持0~9、+-/$.:等6個特殊符號Code11條碼只允許11種字元，分別是0-9和"-",為降低檢查錯誤率，可使用兩位的檢驗碼。Code39條碼字元集包括數字、大寫字母以及-.$/+%等字元,通常運用於資產管理、會員卡、店內碼管理、產品卷標Code39Extended這是一個擴展版本，支持完整的ASCII字元集的Code39條碼。如果有一個要求使用Code39條碼以外的數字和大寫字母字元，然後這是推薦的條碼。這是基於Code39條形碼，這也是非常簡單和容易使用Code93條碼是fullASCII模式，可使用ASCII全部128個字元。Code128A字元集包括大寫字母、數字、常用標點符號和一些控制符。Code128B字元集包括大小寫字母、數字、常用標點符號。Code128C字元集為純數字序列。Code128Auto是將上述三種字元集最佳優化組合。說明圖示EAN13商品條碼是純數字，而且位數是12位，最後一位為校驗碼，組成13位數字。主要用於各種商品零售行業包裝印刷。EAN8商品條碼是純數字，而且位數是7位，最後一位為校驗碼，組成8位數字。主要用於各種商品零售行業包裝印刷。GS1-128(EAN-128)是由UPC/EAN指定代表意義規則的128碼，編碼方式同code128條碼。ISBN條碼：ISBN是「國際標准書號」類型是基於EAN-13,主要用於出版物書籍類產品。交叉25碼（Interleaved2of5），常用於物流管理，字元集僅為數字且個數為偶數,為奇數將自動在前面加"0"。MSI條形碼必須是純的數字0-9，帶有一位檢驗碼。主要使用在圖書館和零售應用中。在MSI字體中，使用圓括弧來表示開始和結束字元。UPC-A條碼商品條碼是純數字，而且位數是11位，在編碼過後外加一位校驗碼，組成12位數字,主要在美國和加拿大使用。UPC-E條碼商品條碼是純數字，是由UPC-A縮減而成，位數是7位，而且首位必須為0，在編碼過後外加一位校驗碼，組成8位數字。說明圖示UPCE2Digits特性同UPC-A，後面附加之2碼條形碼通常使用於價格用途。UPC-E5digits特性同UPC-A，後面附加之5碼條形碼通常使用於價格用途POSTNET(郵政數字編碼技術)條形碼用來對美國郵件代碼進行編碼,由5位或9位或11位數字組成IntelligentMail這是「智能郵件」是指美國郵政為國內郵遞服務提供的服務條碼，你可以提供5位數字（郵政編碼）9位數字（郵政編碼+4代碼）11位數字（郵政編碼+4代碼+2位數字）結語

以上主要只寫了Vue版的示例，但是兩個插件都是使用原生JavaScript寫成，不依賴任何庫/框架，所以不論是Jquery還是React都可以用。