Drei Möglichkeiten zum Parsen von QR-Codes mit Javascript

npm fügt QR-Code-Parser hinzu

importiere qrcodeParser von „qrcode-parser“

lass img = '';
qrcodeParser().then(res =>{
    Konsole.log(res)
})

npm fügt ngx-qrcode2 hinzu

importiere { BrowserModul } von '@angular/platform-browser';
importiere { NgModule } von '@angular/core';
importiere { NgxQRCodeModule } von „ngx-qrcode2“;

importiere { AppComponent } aus './app.component';

@NgModule({
  Erklärungen: [
    AppComponent
  ],
  Importe: [
    BrowserModule,
    NgxQRCodeModule
  ],
  Anbieter: [],
  Bootstrap: [Anwendungskomponente]
})
exportiere Klasse AppModule { }

<div Stil="Textausrichtung:Mitte">
  <h1>ngx-qrcode2-Demo</h1>
</div>

<ngx-qrcode
      [qrc-element-type]="Elementtyp"
      [qrc-Wert] = "Wert"
      qrc-Klasse = "aclass"
      qrc-errorCorrectionLevel = "L">
</ngx-qrcode>

importiere { Komponente } aus '@angular/core';

@Komponente({
  Selektor: ‚App-Root‘,
  Vorlagen-URL: "./app.component.html",
  styleUrls: ['./app.component.css']
})
exportiere Klasse AppComponent {
  Titel = "App";
  Elementtyp = "URL";
  Wert = „Techiediaries“;
}

npm installiere @techiediaries/ngx-qrcode --save

importiere { NgModule } von '@angular/core';
importiere { CommonModule } von '@angular/common';
importiere { QrCodeAllModule } von „ngx-qrcode-all“;
importiere { AppComponent } aus './app.component';

@NgModule({
    Importe: [
        Gemeinsames Modul,
        QrCodeAllModule
    ],
    Erklärungen: [
        AppComponent
    ]
})
exportiere Klasse AppModule {
    Konstruktor() {}
}

<div id="qrcodeid">
 <qr-code-all [qrCodeType]="URL"
     [qrCodeValue]="'SK ist das Beste auf der Welt!'"
     [qrCodeVersion]="'1'"
     [qrCodeECLevel]="'M'"
     [qrCodeColorLight]="'#ffffff'"
     [qrCodeColorDark]="'#000000'"
     [Breite]="11"
     [Rand]="4"
     [Skala]="4"
     [scanQrCode]="false">
 </qr-code-alle>
</div>

<div id="qrcodeid">
 <qr-code-all [Leinwandbreite]="640"
     [Leinwandhöhe]="480"
     [debug]="falsch"
     [stopAfterScan]="true"
     [Aktualisierungszeit]="500"
     (bei Aufnahme)="Bild aufnehmen($event)"
     [scanQrCode]="true">
 </qr-code-alle>
</div>