看看怎麼使用nodejs產生二維碼

二維碼在生活中無所不在，之前我也使用過java的zxing函式庫產生過二維碼，功能很強大。

但其實nodejs上也有很多第三方函式庫能夠產生二維碼。今天我們就是使用qrcode這個函式庫來產生二維碼。 【相關教學推薦：nodejs影片教學】

# 效果展示

# 線上範例:http://www.lolmbbs.com/tool/qr

詳細程式碼

產生二維碼:

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()

#下載二維碼:

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

主要參數解釋

• type: 產生圖片類型
  主要包含image/png、image/jpeg、 image/web這三種類型.
  ps: 但我在程式碼中即使設定type為image/jpeg，發現生成的圖片還是png，後來仔細閱讀文件才知道toDataURL這個方法只支援產生png類型的圖片…
  

• width: 二維碼的寬度
  發現沒有height欄位設置，可能是產生的二維碼都是正方形吧

• margin: 內邊距
  內邊距設定為10
  
  內邊距設定為0
  

• scale 放縮的倍數
  如果設定了width,優先生效width,則此參數無用.
  縮放比例為5
  
  放縮比例為10
  

• #color.light: 前景色

• color.night: 背景色
  預設的前景色是黑色，背景色為白色。

• errorCorrectionLevel 糾錯等級
  
  二維碼即使有部分顯示不了，依然可以辨識出二維碼的內容，這就是二維碼的糾錯。
  L等級的糾錯代表只要殘缺度小於7%，就可以被辨識出，以此類推

更多node相關知識，請造訪：nodejs教程！

以上是看看怎麼使用nodejs產生二維碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！