前言：

建議(yì)後端合成二維碼，直接返回圖片給前端（包括二維碼帶lo§α↑go），如(rú)果後端沒有(yǒu)實現(xiàn)這(zhè)個(gè)，隻返回字符串給前端，≤←♣那(nà)麽就(jiù)需要(yào)前端來(lái)用(yòng)插件≠™α(jiàn)合成二維碼了(le)。

前端合成二維碼，就(jiù)要(yào)用(yòng©∏$∑)到(dào)插件(jiàn)。不(bù)少(shǎo)H5的(de)二維碼插✘≥β÷件(jiàn)都(dōu)用(yòng)到(dào)DOM的(de)，小(xiǎo)程序中沒σ≈↕有(yǒu)DOM這(zhè)個(gè)概念，所以h5的(de)好(hǎo≥✘)多(duō)插件(jiàn)并不(bù)能(néng)直接用(yòng)到(dào)$≈∏ 小(xiǎo)程序上(shàng)，也(yě)就(jiù)出現(xiàn)←λ®→了(le)h5插件(jiàn)到(dào)小(xiǎ∞$"o)程序的(de)移植。

如(rú)果項目有(yǒu)多(duō)個(gè)平台，那(nà)麽就(jiù)建議±σ© (yì)使用(yòng)已經移植到(dào)小(xiǎ™™♣o)程序上(shàng)的(de)插件(jiàn)，這(zhè)樣能(néng)保證&• ‌不(bù)同平台生(shēng)成的(de)二維碼是'γ₹"(shì)相(xiàng)同的(de)，不(bù)然δ←就(jiù)會(huì)出現(xiàn)不(bù)同平台生(shēng)成券碼不(bù)一('​ ↑yī)緻的(de)問(wèn)題（雖說(shuō)不(bù)影(yǐng)響券碼的(de)識别，但∞×★(dàn)是(shì)總歸不(bù)太好(hǎo)）。

解決方案：

H5使用(yòng)QRCode插件(jiàn)，小(xiǎo)程序使用(yòng)Qβ☆πRcode移植的(de)weapp-qrcode-base64插件(jiàn)，這(zhè)個(gè)本來(lái)針對(duì)微(wēi)信小(xi≤≥ǎo)程序做(zuò)的(de)移植，經驗證，支付寶小(xiǎo)程序也(yě)可(kě)以用(y€☆₩≥òng)。使用(yòng)這(zhè)兩個(gè)插件(jiàn)， σ>生(shēng)成是(shì)二維碼就(jiù)是(shì)一(yī)緻的(de)了(le)"♦←↑。

這(zhè)個(gè)插件(jiàn)是(shì)不(bù)基于canα↓πvas的(de)，具體(tǐ)用(yòng)法這(zhè)裡(lǐ$£♠≈)就(jiù)不(bù)說(shuō)了(le)，開(kāi)源項目裡♦δ(lǐ)邊都(dōu)有(yǒu)詳細說(shuō)明(míng)。

後記：

這(zhè)個(gè)插件(jiàn)還(hái)是(shì)↑"挺不(bù)錯(cuò)的(de)，可(kě)以設置二維碼的(de)容× 錯(cuò)率以及碼的(de)顔色，不(bù)足之處就(≈♣jiù)是(shì)不(bù)能(néng)合成logo，需要(yào)前端後期将logo布≈π&α局到(dào)合成的(de)二維碼上(shàng)方。€♣& 

能(néng)夠直接合成logo的(de)插件(jià₽™n)也(yě)嘗試過，但(dàn)是(shì)在開(kāi)發及跨平台移植過程中出現(xi"©®₩àn)不(bù)少(shǎo)問(wèn)題，最後也(yě)就(jiù)嘗試出來(lái♦β&)上(shàng)邊這(zhè)種方式，實現(xiàn)了(÷αle)一(yī)直的(de)二維碼合成。

有(yǒu)興趣的(de)同學可(kě)以研究下(xià)可(≈™♦kě)以直接合成logo進去(qù)的(de)插件(jiàn)。