イオン3 QRコードの代わりに2Dバーコードを作成

Question

メンバー情報を使用してバーコードを作成したいと思います。 @ionic-native/barcode-scannerをアドオンとして使用します。 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); 
 
    });  
 
    } 
 
}

どのように私の代わりに私が作成し、このQRコードの2Dバーコードを作成することができますか？

Answer 1

私はこの問題に対する答えを見つけました。私はJsBarcodeを使用しました。 https://github.com/lindell/JsBarcode/issues/105 このリンクをインストールに使用しました。 How to generate and display a QR Code in ionic 2

• NPM jsbarcodeの--saveをインストールNPMとプラグインをインストールしてください。
• コントローラ内のライブラリをインポートするには、JsBarcodeを 'jsbarcode'からインポートします。
• あなたのバーコード

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

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

を保持するために、空のオブジェクトを作成します。