离子3创建2D条形码而不是QR码

Question

我想使用成员信息创建条形码。我使用@离子型本机/条形码扫描器作为附加组件。我正在生成一个QR代码，代码片段如下所示。

​

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);
    });    
  }
}

​

如何创建2D条形码而不是我创建的QR代码？

Answer 1

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

• 用NPM安装插件，安装jsbarcode --保存。
• 导入控制器中的库，从‘JsBarcode’导入jsbarcode；
• 创建一个空对象来保存条形码

​

<svg #barcode id="barcode"></svg>

​

​

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

​