二次元コード生成プラグイン

（ヴュー）、二次元コード生成プラグイン

、VUE-QRコードプラグ次元（映像編集）

1.インストール

// 使用node的npm安装 
npm install vue-qr --save

// 使用yarn安装 
yarn add vue-qr

2.参照プロジェクト

<VueQr 
    draggable="false" 
    :correctLevel="3" 
    :dotScale="1" 
    :logoSrc="logo" 
    :margin="15" 
    :size="256" 
    :text="codeUrl" 
 />

import VueQr from "vue-qr";

new Vue({
    components: {VueQr}
});

3.共通の属性：

1. ドラッグ可能：禁止マウスの画像をドラッグ。
2. correctLevel：フォールトトレランスの程度の認識、1,2,3分割し、フォールトトレランスの値より高いです。
3. bgSrc：二次元コードの背景画像・アドレス・リンク。
4. gifBgSrc：二次元コードの画像の動的バックグラウンド・アドレス・リンク。
5. dotScale：ドットサイズの二次元コードの画像を構成します。
6. logoSrc：中央ロゴ画像の二次元コード。
7. logoScale：2次元コードのロゴのサイズ;
8. logoMargin：ロゴ余白のブランク。
9. マージン：マージン2次元コード、デフォルト値の20ピクセル;
10. サイズ：二次元コードの幅と高さ。
11. テキスト：コンテンツを生成する二次元コード。
12. colorDark：ソリッドカラーの二次元コード・ポイント、満たすために必要colorLightが有効で使用します。
13. colorLight：白色二次元コード、それが必要であるcolorDark有効と共に使用します。

注意：これらは一般的に、プロパティの値を使用しますが、さらに情報が必要な場合は、NPMに移動してくださいされている公式サイトを 表示します。

二つ、QRコードのプラグ次元コード（キャンバス版）

1.インストール

npm install --save qrcode
// or
npm install -g qrcode
// or
yarn add qrcode

2.参考文献

<canvas id="canvas"></canvas>

参考方法：

var QRCode = require('qrcode');

QRCode.toDataURL('I am a pony!', function (err, url) {
  console.log(url)
});

// or  
// errorCorrectionLevel：要绘制二维码的容错率，属性见下表
QRCode.toCanvas('url', { errorCorrectionLevel: 'H' }, function (err, canvas) {
  if (err) throw err;
  
  // 渲染生成的二维码
  var container = document.getElementById('canvas');
  container.appendChild(canvas);
});

許容範囲のプロパティ値を障害：

レベル	エラー耐性
L  （ロー）	〜7％
M  （ミディアム）	〜15％
Q  （四分位）	〜25％
H  （ハイ）	〜30％

三、qrcode.vue二次元コード・プラグイン

1.インストール

npm install --save qrcode.vue
// or
yarn add qrcode.vue 

2.参考文献

<qrcode-vue :value="value" :size="size" level="H"></qrcode-vue>

どのように使用するには：

import QrcodeVue from 'qrcode.vue';

export default {
  data() {
    return {
      // 绑定属性值
      value: 'url', // 生成二维码文本链接
      size: 300 // 二维码宽高大小
    }
  },
  components: {
    QrcodeVue
  }
};

プロパティ値をプラグ：

プロパティ	デフォルト値	簡単な紹介
値	「」	2次元コードのテキストリンクに変換
クラス名	「」	二次元コードのクラス名
サイズ	100	2次元コードのデフォルトサイズ
レベル	L	フォールトトレランスのレベル（認識率を向上させるために）
バックグラウンド	#FFF	QRコードの背景色
前景	＃000	二次元カラーコード

注：コード生成を比較する三次元プラグインは、それぞれが独自の利点と欠点を有する。対照的に、プラグ  VUE-QR 属性値より大きい数は、アイテムがもっと配置することができるだけでなく、生成することができる  ロゴ。キャンバス 生成されたコードのバージョンが2次元である  キャンバス他の二次元コードが生成され、  画像の 画像、二次元コードが抵抗を低減し、画像をドロップするためには、テンプレートタグに追加  ドラッグ 属性、その役割は、マウスのドラッグを防止するためであります絵。