Erfahren Sie, wie Sie mit nodejs QR-Codes generieren

QR-Codes gibt es überall im Leben. Ich habe auch schon früher die zxing-Bibliothek zum Generieren von QR-Codes verwendet, und sie ist sehr leistungsfähig.

Aber tatsächlich gibt es auf NodeJS viele Bibliotheken von Drittanbietern, die QR-Codes generieren können. Heute verwenden wir die qrcode-Bibliothek, um QR-Codes zu generieren. [Verwandte Tutorial-Empfehlungen: nodejs-Video-Tutorial]

Effektanzeige

Online-Beispiel: http://www.lolmbbs.com/tool/qr

Detaillierter Code

QR-Code generieren:

const qrCode = require('qrcode')
class QrController {
  async create (ctx) {
    const { text = 'Luban', options } = ctx.request.body
    const qrOptions = {
      type: 'image/png',
      width: 180,
      margin: 0,
      scale: 1,
      color: {
        dark: '#000000',
        light: '#ffffff'
      },
      errorCorrectionLevel: 'M',
      quality: 1
    }
    Object.assign(qrOptions, options)
    const imgData = await qrCode.toDataURL(text, qrOptions)
    return ctx.success({ imgData })
  }
}

module.exports = new QrController()

Herunterladen QR-Code:

const a = document.createElement('a')
const event = new MouseEvent('click')
a.download = '二维码'
a.href = this.imgSrc
a.dispatchEvent(event)

Erklärung der Hauptparameter

• Typ: Bildtyp generieren
  Hauptsächlich einschließlich image/png, image/jpeg, image/web diese drei Typen. image/png、image/jpeg、 image/web这三种类型.
  ps: 但是我在代码中即使设置type为image/jpeg PS: Aber selbst wenn ich den Typ im Code auf image/jpeg gesetzt habe, habe ich später, nachdem ich das Dokument sorgfältig gelesen habe, festgestellt, dass das generierte Bild immer noch PNG ist Mir wurde klar, dass die toDataURL-Methode nur das Generieren von Bildern im PNG-Typ unterstützt ...
  

• width: Die Breite des QR-Codes
  Ich habe festgestellt, dass es keine Höhenfeldeinstellung gibt, möglicherweise sind es alle generierten QR-Codes Quadrat

• Margin: der Innenkantenabstand
  Die Polsterung ist auf 10 eingestellt.
  
  Die Polsterung ist auf 0 eingestellt Effekt zuerst, daher ist dieser Parameter nutzlos.
  Das Skalierungsverhältnis beträgt 5

Das Zoomverhältnis beträgt 10

• 
  
  
  color.light: Vordergrundfarbe
  
  

color.night:
• Hintergrundfarbe

  Die Standard-Vordergrundfarbe ist Schwarz und die Hintergrundfarbe ist Weiß.

• errorCorrectionLevel

  Fehlerkorrekturstufe
  Auch wenn ein Teil des QR-Codes nicht angezeigt werden kann, kann der Inhalt des QR-Codes dennoch erkannt werden. Dies ist die Fehlerkorrektur des QR-Codes.

  Fehlerkorrektur auf L-Ebene bedeutet, dass die Unvollständigkeit identifiziert werden kann, solange sie weniger als 7 % beträgt.

Das obige ist der detaillierte Inhalt vonErfahren Sie, wie Sie mit nodejs QR-Codes generieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!