Ionic 3 创建二维条码而不是二维码答案

【问题标题】：Ionic 3 Create 2D barcode instead of QR codeIonic 3 创建二维条码而不是二维码
【发布时间】：2018-04-03 16:45:20
【问题描述】：

我想使用会员信息创建条形码。我使用@ionic-native/barcode-scanner 作为附加组件。我正在生成一个二维码，代码片段如下所示。

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/Rx';
import { BarcodeScanner } from '@ionic-native/barcode-scanner';
@Component({
  selector: 'page-kartbilgileri',
  templateUrl: 'kartbilgileri.html',
})
export class KartbilgileriPage {
  UYEID : string = window.localStorage.getItem("auth_key");
  GOSTER;
  constructor(public barcode : BarcodeScanner, public navCtrl: NavController, public navParams: NavParams) {
    this.barkodOlustur();
  }
  barkodOlustur(){
    this.barcode.encode(this.barcode.Encode.TEXT_TYPE,this.UYEID).then((encodedData) => {
      this.GOSTER = encodedData.text;
    }, (err) => {
        console.log("Error occured : " + err);
    });    
  }
}

如何创建二维条码而不是我创建的二维码？

【问题讨论】：

标签： cordova typescript ionic-framework barcode-scanner

【解决方案1】：

我找到了问题的答案。我使用了 JsBarcode。 https://github.com/lindell/JsBarcode/issues/105 我使用此链接进行安装。 How to generate and display a QR Code in ionic 2

使用 NPM npm install jsbarcode --save 安装插件。
在控制器中导入库 import JsBarcode from 'jsbarcode';
创建一个空对象来保存您的条形码

&lt;svg #barcode id="barcode"&gt;&lt;/svg&gt;

@ViewChild('barcode') barcode: ElementRef;
    ngAfterViewInit() {
       JsBarcode(this.barcode.nativeElement, window.localStorage.getItem("auth_key"));
    }

【讨论】：